Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Japan EQ Locator
操作方法 ドラッグ/上下左右矢印キー: 移動 マウスホイール/+-キー: ズーム 右マウス/Ctrl + ドラッグ: 方角/傾き 2本指ピンチ: 方角/ズーム 2本指ドラッグ: 傾き Shift + 左右矢印キー: 方角 Shift + 上下矢印キー: 傾き このデータビジュアライゼーションは 草薙 昭彦 により作成されました。本アプリケーションが利用する地震データは、気象庁の 地震情報 および 地震月報(カタログ編) において提供されるものです。 ソースコードは GitHub リポジトリ にて公開されています。
Charts.css
Quick Start GitHub Repo Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts. The source code is available on GitHub (opens new window). If you like the project, please consider starring the repo on GitHub.
皆さんはこれまでの人生でピエロに会ったことはあるだろうか。 サーカスや遊園地などにいけば目にすることもあるが、如何せん謎多きキャラクターだ。 ピエロは「道化師」という名称が正式なもので、物真似や大食芸などで晩餐を楽しませる存在として古代エジプトに端を発している。 元々は人々を「楽しませる」というよりは「笑われる」存在であり、長い歴史の中で「従者」や「愚者」など様々な扱いを受けてきた。 ピエロの特徴である顔の涙も、そういった悲しい過去が関係しているのかもしれない。 現在でこそ道化師は世界各地で様々な形を成しており、こと日本においては大道芸やサーカスで人々を楽しませるエンターティナーとしての地位を確立している。 しかし現実的なところ、多くの人がピエロに対して抱いている印象は割と共通しているのではないか。 ピエロは映画などでシリアルキラーとして描写されるケースもお馴染みであり、多くの人が ピエロ
Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.
読者の皆さんは「人工衛星データ」と聞いたとき、何を思い浮かべるだろうか。多くの人は「最先端」「いろんな事ができそう」というイメージを持ちつつも、「自分では利用できない」「敷居が高い」「専門家だけのもの」という感想を持つことだろう。メディアなどで人工衛星データの活用事例などを見かけることはあっても、自分自身で利用してみようという気にはならないかもしれない。 実は、そんなイメージに反して、現在では誰もが手元のパソコンで人工衛星データを簡単に利用できるようになっている。その原動力は、各種衛星データのオープン化と、衛星データ利用ツールの登場である。 例えば日本では、「Tellus（テルース）」というツールが経済産業省の「政府衛星データのオープン&フリー化及びデータ利活用環境整備・データ利用促進事業」の取り組みとして2019年より提供されている。また米Google（グーグル）はバーチャル地球儀システ
Examples
Scrollytelling Create immersive digital experiences and bring your data to life with our no-code scrollytelling solution Data Explorer Morph between various chart and map types to create rich and compelling data stories
チャートで見る日本の感染状況 新型コロナウイルス
データの集計方法 データは主に厚生労働省の発表に基づいており、集計値は都道府県発表と異なる場合がある。発表の欠落や大幅な修正は、都道府県のHPや聞き取りでデータを随時補足している。厚労省は5月8日分に退院者などの集計方法を変更した。厚労省発表はPCR検査について、退院時の確認検査を含めない検査人数で集計している。ただし、一部の自治体では検査人数ではなく、検査件数が計上されている。厚労省は累計の検査人数を訂正して減らしても、過去に遡って集計値を修正しない。そのため、新規の検査人数が訂正前後でマイナスになっている箇所がある。長崎県は長崎市に停泊するクルーズ船乗員の感染を県内の感染者数に計上しないと発表している。「人口10万人あたり感染者数」の人口は総務省統計で2019年10月1日時点。 閉じる 編集 榎本敦、前田絵美子、五十嵐孝、綱島雄太、久保田昌幸、有年由貴子、富田美緒 Webディレクション
Connected Papers | Find and explore academic papers
Connected Papers is a visual tool to help researchers and applied scientists find academic papers relevant to their field of work.
LLM Visualization
A 3D animated visualization of an LLM with a walkthrough.
git-sim: Visually simulate Git operations in your own repos
Coding Essentials Guidebook for Developers This book covers core coding concepts and tools. It contains chapters on computer architecture, the Internet, Command Line, HTML, CSS, JavaScript, Python, Java, SQL, Git, and more. Learn more! Decoding Git Guidebook for Developers This book dives into the initial commit of Git's C code in detail to help developers learn what makes Git tick. If you're curi
CloudSkew is an online diagram & flowchart editor. You don't have to install any software. Just login and start drawing! Icons for AWS, Azure, GCP, Kubernetes, CNCF, Alibaba Cloud, IBM Cloud, Oracle Cloud (OCI) and more are already available in the app. You don't have to search for & download the symbols separately.
リプライユーザ可視化システム
リプライユーザ可視化システムは，多数のメンションを送ってくるアカウントが どのようなアカウントなのかを可視化するアプリです． バズった時や炎上したときに誹謗中傷のツイッターを見ると，つい，社会全体が敵に回ったように見えるかもしれません． しかし，炎上に加担する人は全体の1.5%であるという話もあることからわかる通り， たくさんの人に攻撃を受けているように見えても， その実態は数十人から数百人程度です． また，そのうちの多くがせいぜい1回か2回しかリプライを送って来ておらず， 実際にはそれほどあなたには興味を持っていない人たちと言えるでしょう． それ以外の人たちは炎上やバズりに興味すら持っていない可能性が高いのです． しかも，炎上に加担する人たちは少し通常とは異なる性質を持っているともいわれています． たくさんに見える誹謗中傷が実は全体から見れば ごくわずかな人々の手によるものだ，といいうこ
All-in-one markdown editor, collaborative canvas, and diagram-as-code builder
こんにちは、今年の1月に会員事業部から技術部データ基盤グループへ異動した佐藤です。先日、京まふ2019前夜祭イベントに参加するために人生で初めてピカピカ光る棒を買いました。 新卒で入社してから2年ほど分析作業をしていた身から、データ活用基盤を作る側へ立場を変えました。今回は新たに身を移したデータ活用基盤の外観を説明したいと思います。 2017年にも同内容の記事が投稿されていますので、当時との違いを中心に説明していきます。 外観図 以下が2019年10月現在におけるクックパッドのデータ活用基盤の全体像です。 クックパッドのDWH外観図 masterデータのインポートがMySQL以外にも複数種対応し始めたことと、PrismとSpectrum（S3＋Glue）周りと、Tableau Serverが大きな変更点となっています。2017年の図にDmemoはありませんでしたが、記事本文にある通り当時か
V-RESAS
V-RESAS公開終了のお知らせ V-RESASにアクセスいただき、ありがとうございます。 V-RESASは2024年3月31日を持ちまして公開を終了いたしました。 新しくデータにより地域課題の分析評価を支援するサイト「RAIDA（レイダ）」を2024年1月31日から公開しております。 15秒後にRAIDAに自動的に遷移します。自動的に遷移しない場合は次のURLをクリックしてください。 RAIDA https://raida.go.jp/
Streamlit turns data scripts into shareable web apps in minutes. All in pure Python. No front‑end experience required.
最新のスーパーコンピューターを使って、新型コロナウイルスの患者が病室でせきをした場合などに飛まつがどう広がるか、シミュレーションした動画を神戸市の理化学研究所が新たに発表しました。 エアコンを切った病室で仰向けになった患者4人が同時にせきをしたという想定では、小さな飛まつが天井に達したあと、仕切りのカーテンの隙間から部屋中に広がりました。 エアコンをつけて窓を開けていれば広がった飛まつは早い時間で薄まることが分かり、院内感染を防ぐためには換気の徹底が効果的だと分析しています。 机をはさんで4人が対面しているという想定では、マスクをつけずにせきをした場合に正面にいる人に飛まつがかかる一方で、隣や斜め前にいる人にはほとんど飛んでいかないことが分かったということです。 さらに湿度が高い場合は低い場合に比べて飛まつが蒸発せず机の上に残りやすいことが分かり、接触感染のリスクが高まるとしています。 坪
3社の事例から学ぶ！現場で使われるダッシュボードの作り方 #前向きデータ整備人 / 20191127
データアーキテクト（データ整備人）を”前向きに”考える会 の登壇資料です。 https://analytics-and-intelligence.connpass.com/event/153899/
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog データ領域、サイエンス領域のデザイン責任者兼クリエイティブディレクションを担当している駒宮大己(コマミヤヒロキ)です。私たちのチームでは、ヤフー・データソリューションサービスをはじめ、Yahoo! JAPAN研究所、サイエンスを活用した最先端技術のインターフェイスデザイン、ヤフーを利用されるお客様のデータ保護やプライバシーに関するUXデザインを担っています。 私たちはビッグデータという、まだ正解のない新しい領域のデザインをしています。その上でビジュアライゼーション時に自分自身が意識していること、学んだことを、チームメンバーの奥村奈々(オクムラナナ)とともに紹介いたします。 ヤフー・データソリューションとは 私たちが主として担当して
公式サイト 概要 SandDanceは、WebGLを用いたBIツールで巨大なデータセットを素早く可視化し、複数のビュー間を滑らかなアニメーションでトランジションさせることで新たな知見を得ることができるBIツールだそうです(公式サイトより) サンプル画像でもカッコいいアニメーションが目を引きます。 deck.glのショーケースページで紹介されていて、個人的に興味を持っていたのですが、先日Microsoftの公式ブログでオープンソース化されることが発表されました。 Microsoft open sources SandDance, a visual data exploration tool - Open Source Blog Github やたらパーティクルが飛び交ってカッコいいです。 慣れないと無意味な3Dチャートとか作ってしまいかねない危うさはありますが、内部ではDeck.glやVeg
「理系の料理だ！」サーモグラフィーでだし巻き玉子を作る過程を撮ったらワクワク感がすごいし気泡を潰さなきゃいけない理由も理解できた
けまこ @kema1015 料理とものづくりが好きなエンジニア / そして調理師 / UTokyo EEIC → Tsuji Culinary Institute → UTokyo EEIS (Master) → Freelance →🇺🇸 UC Berkeley MechE Ph.D. student starting this fall https://t.co/kAkXQJkYRp
世の中には様々なデータや統計があふれており、それらを視覚的に示す「グラフ」を見かけることも増えました。 仕事や学校でグラフを作成する人も少なくないでしょう。 そして、よく見かけるグラフの1つに「円グラフ」があります。 しかし、円グラフに対して否定的な意見を持っている人は少なくないようです。 オーストラリアのクイーンズランド工科大学（QUT）統計学部に所属するエイドリアン・バーネット氏は、「数学が苦手な人は数字を避けるが、数学が得意な人の多くは円グラフを避ける」と述べています。 世間で円グラフが多用されているにも関わらず、統計学者や専門家、数学が得意な人のほとんどは円グラフを使わないというのです。 それはどうしてなのでしょうか？ バーネット氏の主張から円グラフのメリットとデメリットを考えてみましょう。
MermaidDiagramming and charting tool JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
ハッシュ関数「SHA-256」の計算プロセスをわかりやすく視覚化してくれる「Sha256 Algorithm Explained」
アメリカの国家安全保障局(NSA)によって開発された「SHA-2」は電子署名やブロックチェーンに応用される暗号学的ハッシュ関数の1つです。そのSHA-2の中でも特に使われているSHA-256でハッシュを生成するための計算プロセスがよくわかるサイト「Sha256 Algorithm Explained」を、Domingo Martin氏が公開しています。 Sha256 Algorithm Explained https://sha256algorithm.com/ Sha256 Algorithm Explainedにアクセスするとこんな感じ。 上部にある入力欄に、好きな文字列を入力します。今回はGIGAZINEのURLである「https://gigazine.net/」を入力してみました。すると、入力したURLをバイナリに変換したメッセージブロックが表示されます。メッセージブロックは32b
Visual guide to SSH tunnels
A visual guide to SSH tunnels This page explains use cases and examples of SSH tunnels while visually presenting the traffic flows. For example, here's a reverse tunnel that allows only users from IP address 1.2.3.4 access to port 80 on the SSH client through an SSH server. SSH tunnels are encrypted TCP connections between SSH clients and servers that allows traffic entering one side of the tunnel
open-hinata
Immersive Math
immersive linear algebra by J. Ström, K. Åström, and T. Akenine-Möller v1.1. ISBN: 978-91-637-9354-7 The world's first linear algebra book with fully interactive figures. Learn More Check us out on Twitter and Facebook Preface A few words about this book. Chapter 1: Introduction How to navigate, notation, and a recap of some math that we think you already know. Chapter 2: Vectors The concept of a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
人を殺すタイプのピエロと殺さないピエロの違いを見抜く方法とは | マジスカスクエアガーデン
Diagrams · Diagram as Code
誰でも使える「衛星データ」、新型コロナの影響を宇宙からふかん
Online Diagram, Flowchart Maker | CloudSkew
Eraser – Docs and Diagrams for Engineering Teams
データ活用基盤の今 〜DWH外観図〜 - クックパッド開発者ブログ
Streamlit • A faster way to build and share data apps
React Dashboard: an Ultimate Guide - Cube Blog
飛まつの広がり方 新動画発表 スパコン「富岳」で計算 | NHKニュース
データをデザインするということ 〜 データビジュアライゼーションの方法
Microsoftのデータ可視化ツール「SandDance」がオープンソース化
統計学者や数学が得意な人ほど「円グラフの使用は避ける」その理由とは？ - ナゾロジー
Mermaid | Diagramming and charting tool