人の住んでいる地域のみ赤く塗った日本地図が、興味深い内容で注目を集めています。都市部や港湾部は赤、山地は白とハッキリ分かれていて、人口の偏りがあらためて分かります。 首都圏真っ赤っ！ 250メートル四方を単位として区切り、人の住む領域のみ着色した地図。人口については2010年の国勢調査を出典としています。Twitterで広く拡散され、「平地は赤く山地は白く、人口から地形が見えて面白い」「輪郭がはっきり赤くて、人は海さえあれば生きていけるのだと気付いた」など、さまざまな知見をもたらしました。 拡大図 投稿主のM.小林（@oigawa2）さんは、この地図と鉄道路線を重ね合わせたバージョンも公開。現行の路線に加え廃線も記し、「廃線になった理由が見えてくるかも？」と述べました。また、要望に応えて人口密度をもとに塗り分けた地図も公開しています。 黒い線は現行の鉄道、灰色は廃線を示す 1平方キロあたり
2018年新卒入社。名古屋支社にてSI中心にお仕事をするエンジニア。仕事ではサーバやミドルウェアを、趣味ではウェブやアプリを弄っています。 【IIJ 2022 TECHアドベントカレンダー 12/21（水）の記事です】 はじめに 名古屋支社の kmmt-t です。 今年の夏頃、インターネットの回線速度を測定するブームがありました。（なぜ？については触れませんが・・・） 俗に言われる「回線速度」というものは、時間帯やご近所さんの利用状況などの様々な要因で変化するものなので1回だけ測ったところで大した意味は持たないでしょう。先日公開された弊社のハンズオン研修の1つである「監視Overview」でも述べられている通り、何かのシステムを監視するのであれば「可視性」「通知性」「特定性」「分析性」を重視しなければなりません。・・・例えそれが自宅のインターネット回線であっても！ というわけで今回は、以下
Python ユーザでも『データ可視化入門』で練習できるようにパッケージを作った + Plotnine との互換性ガイド - ill-identified diary
概要 pysocviz が提供する機能 ggplot2 と同じようにできないところとその対策 aes() にクオートされてない変数を指定できない R のように改行できない ggplot2 で使えた色名が使えない ggplot2 で使えた linetype が使えない 文字化けの回避 ggrepel パッケージの利用 scales::percent などの単位・スケール指定 テーマや色パレットのプリセットを変更したい場合 subtitle/caption が表示されない 複数のグラフを連結できない hjust/vjust が使えない グラフ内の図形やテキストの大きさのバランスがおかしい geom_smooth/stat_smooth で一般化加法モデル (GAM) による平滑化ができない geom_quantile の method 指定ができない geom_smooth/stat_smoo
最近ある YouTuber に急にハマった。その人は音楽系やゲーム系などいろんな YouTuber たちとコラボしていて、誰と誰が繋がっているのか把握するのが難しかったので、図にしてみようと思った。 方法 YouTuber 同士の繋がりやコラボレーションを可視化しているプロジェクトはいくつかあったので、参考になる方法がないか探してみた。 おすすめチャンネル欄を使う www.gugelproductions.de この記事では、あるチャンネルが別のチャンネルをおすすめチャンネル欄で紹介していれば、そこに繋がりがあると判定して、その繋がりを可視化していた。 こういうやつ けれどおすすめ欄には大抵サブチャンネルやグループのメンバーのチャンネルくらいしか入っておらず、逐一コラボ相手を載せる人は少ないので、この方法では不十分そうだった。 Twitter を使う datalion.com ここに載って
React Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to React Flow Pro. React Flow Pro Getting Started with React Flow Make sure you’ve installed npm, pnpm or yarn. Then you can install React Flow via:
ロックの進化に極めて重要な役割を果たした1400人を超えるミュージシャン、アーティスト、ソングライター、プロデューサーの人脈図をギターアンプの回路基板風に描いたアート・ポスター「Rock and Roll Love Blueprint - A History of Rock Music」が話題に。 手がけたのは、英リバプールのデザイン・スタジオDorothy。同社のブループリント・ポスター・シリーズの新作で、これまでエレクトロニック・ミュージック版、オルタナティヴ・ミュージック版、ヒップホップ版などが制作されています。
データ視覚化やダッシュボードデザインは文字通り「視覚化」「デザイン」というくらいですので、目に見えているところだけを語られがちです。しかし、実は最も重要なのは徹底したオーディエンス（ユーザー）主義の意識、そして質の高い問いの設定です。なぜなら、オーディエンスは、つまらないと感じたり、わからないと感じるとすぐに離脱するからです。これはとても単純で当たり前とも言えるのですが、データ視覚化に夢中になっていると忘れがちなポイントです。 下図は、ダッシュボードに表れるものとその根底に潜む要素を模したものです。データ視覚化の深層部分はこのような氷山で説明できるのではと考えています。 上側半分はよく語られがちですが、下側は見過ごされがちです。ですので、本記事では、上側から下側まで一気通貫のチェックリストを紹介します。弊社では、プロジェクトの開始時から最後まで考えていることです。これらの要素は相互に影響し
こんにちは。たかぱい（@takapy0210）です。 本日は自然言語の可視化を手軽にできるようにしたパッケージnlplotをPyPIに公開したので、これのご紹介です。 nlplotとは？ nlplotで何ができるか 使い方 使用データ 事前準備 ストップワードの計算 N-gram bar chart N-gram tree Map Histogram of the word count wordcloud co-occurrence networks sunburst chart まとめ nlplotとは？ 自然言語の基本的な可視化を手軽にできるようにしたパッケージです。 現在は日本語と英語で動作確認済みです。 基本的な描画はplotlyを用いているため、notebook上からインタラクティブにグラフを操作することができます。 github.com （スター★お待ちしております🙇♂️）
More than a JSON editor.Visualize, analyze, and manipulate data with ease, a versatile and powerful tool for data representation and exploration.
ER図の自動生成について、dbdiagram.io, DBeaver, A5M2 を比較してみる。 - Qiita
はじめに データベース設計のER図について、自動で生成する以下３つのツールを比較した記事です。 dbdiagram.io DBeaver A5:SQL Mk-2（A5M2） 先日、こちらの記事をQiitaに投稿したところ、多くの方に記事を見ていただき、コメントも多数いただきました。 ER図に関するお勧めのツールをコメントいただく方が多くいらっしゃいました。 今回はその中から、無料でも利用できる3つのツールの「ER図の自動生成」の機能を試します。 比較の結論としては、〇〇が一番良いという感想ではなく、どのツールも多機能で、できることは違うので、今後使うときは用途や業務の環境によって使い分けていけたらと思っています。 目次 それぞれのツールについて、下記の内容を書いていきます。 1. dbdiagram.io 1-1. 始める 1-2. 使う 1-3. 感想 2. DBeaver 2-1. 始
2020年2月6日に開催された「令和元年度 政策評価に関する統一研修」（埼玉会場）の講義資料です。 (2020-02-09追記) 受講者以外の方々にもたくさんご覧頂いているようでありがとうございます。 注意点として、口頭での説明を前提とした資料であるため、スライド中の文章は最小限にとどめてある点ご了承下さい。
AWS のアーキテクチャ図を描きたい ! でもどうすれば良いの ? - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
こんにちは ! テクニカルトレーナーの杉本圭太です ! 最近読んで面白かった漫画は「海が走るエンドロール」です。 私は業務でお客様に AWS の様々なトレーニングを提供しているのですが、コースによっては AWS を利用したシステムのアーキテクチャ図を受講者自身に描いていただく演習を取り入れており、よくこんな相談を受けます。 「どうやって AWS のアーキテクチャ図を描くのが正解なんですか ?」 AWS のアーキテクチャ図を描く状況は以下のように様々な場面であり、同じような疑問や悩みをお持ちの方も多いのではないでしょうか ? 詳細設計で構成図が必要 チームで wiki などに図を貼り付けて残したい 構成検討フェーズなどで図を見てディスカッションしたい ワークショップを試しながら理解を深めるなど自分のために描きたい そこで今回は AWS アーキテクチャ図をどうやって描けば良いか悩んでいる方へ、
はじめに GitHub で Mermaid がサポートされました。 Mermaid は図やグラフを描画するの独自の記法を持ちます。 その記法を Markdown のコードブロック中に記述するだけで図を描画できるのが便利です。 ...便利なのですが、記法が独特なことや機能が豊富なことから、とっつきにくいところもあります。 弊社[1]では みんチャレ 開発の情報共有ツールとして esa.io を活用しており、 esa も Mermaid をサポートしており以前から活用していました。 この記事では、私がこれまでに活用してきた中から特に便利だと感じた機能を紹介します。 ちなみに Zenn も Mermaid をサポートしているため図を描画できます。 Gantt ガントチャートです。 私が Mermaid を使いたいと思ったきっかけの機能です。 まずは、一番シンプルな例を書きます。 gantt Co
スティーブンス工科大学で核兵器の歴史について研究しているアレックス・ウェラーシュタイン教授が、かつてGoogleマップで公開していた「NUKEMAP」を、オンラインカスタムマップのMapboxに移植した経緯を説明しています。 Why NUKEMAP isn't on Google Maps anymore | Restricted Data http://blog.nuclearsecrecy.com/2019/12/13/why-nukemap-isnt-on-google-maps-anymore/ NEW BLOG POST: Why NUKEMAP isn't on Google Maps anymore (or, why Google Maps API has become a lousy platform for small developers, esp. academic
コンピューターの通信をキャプチャするソフトウェアとしては「Wireshark」が有名ですが、Wiresharkは大規模なネットワークの通信を常時キャプチャして表示するのは得意ではありません。無料でオープンソースの「Moloch」は、大規模なネットワークで通信を常時監視し、わかりやすく表示するのに適したソフトウェアです。 Moloch https://molo.ch/ 記事作成時点ではCentOS 6／7／8、Ubuntu 16.04／18.04向けにコンパイル済みのパッケージが提供されているので、今回はUbuntu 18.04にMolochをインストールしてみます。 Molochは検索エンジンのElasticsearchを使用するため、Elasticsearchも準備しておく必要があります。今回はMolochが動作するサーバー上にDockerコンテナとしてElasticsearchを構築し
NR【ニラ】 @nrnr03 みんな静かそうにのぼったりくだったりしている坂道で叫びながら全速力で下っていくNICO Touches the Walls pic.twitter.com/bxTVtrVyK4 2020-03-12 10:27:49
Mini Tokyo 3D
A real-time 3D digital map of Tokyo's public transport system. This data visualization was produced by Akihiko Kusanagi.
なぜこの記事を書いたのか？ 決定木をベースにしたアルゴリズムのほとんどに特徴量重要度という指標が存在する。データに対する知識が少ない場合はこの指標を見て特徴量に対する洞察深めることができる。KaggleではEDAのときにとりあえず重要度を見てみるなんてこともするようだ。 しかし、この特徴量重要度にはバイアスが存在していて、特定の条件下では信用出来ないことがある。そういった条件を広く知ってほしいということでこの記事を書いた。 この記事では人工データを生成しバイアスを再現してみた。また、こういったバイアスに対処したという論文を見つけたので軽く紹介する。おまけとしてgainベース以外の特徴量重要度についても紹介する。 目次 なぜこの記事を書いたのか？ 想定読者と実験の枠組み 想定読者 限定する枠組み 特徴量重要度とは？ 特徴量重要度にバイアスが生じる条件 1. 解像度が低い場合 2. 特徴量同士
Tableauによる最新版『可視化ベストプラクティス』〜Tableau Blueprint〜 #tableau | DevelopersIO
先日のブログでも紹介しましたTableau社によるベスト・プラクティス集『Tableau Blueprint』。 当エントリでは、その中から『可視化』の部分にフォーカスを当てたトピック『Visual Best Practices』に関してその内容をまとめて見たいと思います。 Visual Best Practices - Tableau 目次 はじめに ユーザー視点に立って考える コンテキスト 適切なチャートの選択 レイアウト 配色 タイトルと字幕 ツールチップ フォント ダッシュボードのサイズ ダッシュボードに対話性を持たせる パフォーマンス設計 まとめ はじめに ダッシュボードの究極的なゴールは『ユーザーが答えを簡単に導き出すことが出来る』ことと言えるでしょう。如何に見栄えの良い、美しいダッシュボードが出来たとしてもユーザーがそれを使って洞察を得て答えを見つける事が出来なければ何の役に
finalvent on Twitter: "予想外ではないが、グラフにすると、感慨深い。 The Covid-19 Death Toll Is Even Worse Than It Looks https://t.co/rdxsEGNFOg https://t.co/xiQ09dOm8P"
予想外ではないが、グラフにすると、感慨深い。 The Covid-19 Death Toll Is Even Worse Than It Looks https://t.co/rdxsEGNFOg https://t.co/xiQ09dOm8P
この動画は3Blue1Brownの動画を東京大学の学生有志団体が翻訳・再編集し公式ライセンスのもと公開しているものです。 チャンネル登録と高評価をよろしくお願いいたします。 日本語版Twitter https://twitter.com/3B1BJP 元チャンネル（英語） https://www.youtube.com/c/3blue1brown 元動画（英語） https://youtu.be/wjZofJX0v4M?si=9YsuEzHATlhPtpOF Check out our new channel Ufolium https://www.youtube.com/watch?v=wrNCjIjIzuk&pp=ygUj5aSn57Wx6aCY6YG45oyZ44Gu5LuV57WE44G_IHVmb2xpdW0%3D Richard Turner's introduction
新型コロナウイルス感染 世界マップ
編集榎本敦、前田絵美子、五十嵐孝、綱島雄太、久保田昌幸、有年由貴子、富田美緒 ディレクション清水明、久能弘嗣、安田翔平 デザイン・マークアップ久能弘嗣、安田翔平 プログラム加藤浩也、清水正行、森川将平
GitHub - lana-k/sqliteviz: Instant offline SQL-powered data visualisation in your browser
Sqliteviz is a single-page offline-first PWA for fully client-side visualisation of SQLite databases or CSV files. With sqliteviz you can: run SQL queries against a SQLite database and create Plotly charts and pivot tables based on the result sets import a CSV file into a SQLite database and visualize imported data export result set to CSV file manage inquiries and run them against different datab
coromap - 新型コロナウイルスの事例マップ
新型コロナウイルスの感染状況をまとめたマップです
DockerとDocker ComposeのTerminal UI「lazydocker」のご紹介 - Qiita
概要 LazyDockerは、DockerおよびDocker ComposeをTUIで操作できるツールです。 docker、docker-composeコンテナ環境の状態の表示、ログの表示、コンテナまたはサービスの再起動/削除/再構築などが1つのウインドゥで実行できます。 Githubでソースは公開されておりGoで実装されているようです。 jesseduffield/lazydocker 公開されたばかりですがスター数の伸びがとてもすごいです(7/5現在で7000ほど) 実行環境 macOS Mojave $ docker version Client: Docker Engine - Community Version: 18.09.2 API version: 1.39 Go version: go1.10.8 Git commit: 6247962 Built: Sun Feb 10
Bizgram (ビズグラム) はビジネスモデルを図解で紹介するデータベースです。ビジネスモデル2.0図鑑を執筆した株式会社図解総研が運営しています。
最初に作ったのがCIAnalyzerです。なるべくツール自体の運用の手間がかからないように常駐サーバー無し、データの保存先と可視化はマネージドサービスを使う前提で設計しました。具体的にはデータの保存先をBigQueryとすることによって自前でDBを管理する必要をなくし、webhookを受けるのではなくcronで定期的にAPIを叩くことで常駐サーバーを不要にし、データの可視化はBigQueryと簡単に連携できてマネージドサービスであるLooker Studioを使用する前提としました。 CIAnalyzerのアーキテクチャ CIAnalyzerを作ったきっかけはAzure Pipelineの分析機能に感銘を受けたことで、それと同等の分析を当時自分が業務とプライベートで使用していたJenkins, CircleCI, Bitrise, GitHub Actionsでも可能にしたいと思って開発を
トップページ | 内閣感染症危機管理統括庁ホームページ
令和6年1月12日、シンポジウム「新たな感染症危機にいかに備えるか～国民の生命・健康と生活・経済の両立を目指して～」を開催しました。
日本の鉄道網の歴史を可視化した21秒の動画が、日本の鉄道の発展と衰退をよく表現していると話題となっています。 150年間の「駅」の移り変わりを動画にしてみた（画像：にゃんこそばさんTwitterより、以下同） 投稿者は、これまでもさまざまなデータを可視化しているにゃんこそば（@ShinagawaJP）さん。日本で鉄道が開業した1872年から2022年までの150年の間で誕生し、そして消えていった鉄道駅を21秒の動画にまとめました。 動画は最初の鉄道が開業してから全国津々浦々に張り巡らされる鉄道路線と、役目を終えて消えていく鉄道の衰退を知れる内容となっています。 日本で最初の鉄道「新橋～横浜」間が開業した1872年（明治5年） 日本で最初に鉄道が開業したのは新橋から横浜までの29キロ。2022年から150年前となる1872年のことで、和暦では明治5年。江戸時代が終了してわずか5年後のことでし
この記事はなに？ 構成・実装 育児記録 室内の温湿度 現在の天気 ダッシュボード 取得情報のデータベースへの格納 ダッシュボードに何を掲出すべきか？ まとめ 参考 この記事はなに？ 以下の育児支援ダッシュボードの構築ポストに触発され、自分もダッシュボートを作ってみました。 我が家の最終形態こんな 日中妻が試す→不満・希望を夕方俺に伝達→夜俺が治すみたいなサイクルを2週間回した後の図 pic.twitter.com/PHYRx7m1MS— Dr.10(どく・とぉと読んでください) (@Dr10_TakeHiro) 2023年10月2日 現時点で、自分が作ったダッシュボードは以下のようになっています。 育児支援ダッシュボード この記事では、上記の育児支援ダッシュボードを支える技術について解説します。 構成・実装 ダッシュボードには大きく分けて以下の3つの項目を載せています。 育児記録：「ぴよロ
EngineeringOpen SourceInclude diagrams in your Markdown files with MermaidA picture tells a thousand words. Now you can quickly create and edit diagrams in markdown using words with Mermaid support in your Markdown files. A picture tells a thousand words, but up until now the only way to include pictures and diagrams in your Markdown files on GitHub has been to embed an image. We added support for
トンガでの火山噴火による衝撃波か 日本各地で急激な気圧変化
気圧変化は関東や伊豆諸島など日本列島の南東側から始まりました。 ウェザーニュースが独自に全国3000箇所に設置している観測機、ソラテナによる気圧変化を見ると、一旦は気圧の上昇(赤色の表示)が起きた後、すぐに気圧の下降(青色の表示)が起こり、同心円状に伝搬している様子が現れています。概ね2hPa程度の変化です。 ※ページ内で動画が再生が出来ない場合は、ウェザーニュースのアプリやWebサイトの「お天気ニュースCh.」からご覧ください。 これは衝撃波に特有の加圧(気圧上昇)→減圧(気圧下降)を捉えていると推定されます。 今回の衝撃波によって何らかの影響が出ることはないとみられますが、今回の火山噴火の規模が大きいことを示す現象です。 » 日本国内の火山情報はこちらから
けんけん on Twitter: "これは凄い！斬新な表現だな。。 #詐欺グラフ https://t.co/KlodCxVFvt"
これは凄い！斬新な表現だな。。 #詐欺グラフ https://t.co/KlodCxVFvt
GA4×サチコ×Looker Studioで可視化！ 現場で使われる“ダッシュボード”の作り方 | 【レポート】Web担当者Forumミーティング 2023 秋
Google Search Console（以降、Search Console：サーチコンソール）は便利なツールではあるものの、なかなかそのデータを活用しきれていない、活用したいがデータの加工などがやりにくいという悩みをよく聞く。SEOの分析、モニタリングツールの「Amethyst（アメジスト）」を提供するJADEの郡山 亮氏が「Web担当者Forum ミーティング 2023 秋」に登壇。 無料ツール「Looker Studio（ルッカースタジオ）」を使ってSearch Consoleのデータを徹底活用し、現場で使われる、定点モニタリングしやすいダッシュボードをつくる方法を紹介した。 Search Consoleの扱いづらさをカバーするLooker StudioSearch Consoleはさまざまなことができるツールだが、今回は検索パフォーマンスの検索結果レポートに絞って紹介した。Sea
リンク Wikipedia 位相幾何学 数学の一分野、位相幾何学（いそうきかがく、英: topology, トポロジー）は、その名称がギリシア語: τόπος（「位置」「場所」）と λόγος（「言葉」「学問」） に由来し、「位置の学問」を意味している。 トポロジーは、何らかの形（かたち。あるいは「空間」）を連続変形（伸ばしたり曲げたりすることはするが切ったり貼ったりはしないこと）しても保たれる性質（位相的性質または位相不変量）に焦点を当てたものである。位相的性質において重要なものには、連結性およびコンパクト性などが挙げられる。 位相幾何学は、 77 users 66
As global communities responded to COVID-19, we heard from public health officials that the same type of aggregated, anonymized insights we use in products such as Google Maps would be helpful as they made critical decisions to combat COVID-19. These Community Mobility Reports aimed to provide insights into what changed in response to policies aimed at combating COVID-19. The reports charted movem
@Pepabo Tech Conference #15 - ECプラットフォームSUZURIの開発の裏側 https://pepabo.connpass.com/event/215058/
ソースコードブランチ管理のパターン - Martin Fowler's Bliki (ja) お世話になっている人も多い Martin Fowler's Blikiの日本語翻訳サイト 、いつも運営＆翻訳ありがとうございます。 パターン言語は関連が重要な役割を担っています。そして関連はダイアグラムにすると捗ります。ダイアグラムがついている書籍もよくみます。 なので、ダイアグラムがないときや書籍と違う雰囲気のダイアグラムが欲しくなった場合、自分で描きながら読んでたりします。こんな感じで。 紙に手書きすることも多いのですが、インターネットで公開されているものはURLが付けやすいのでSVGで作るのが最近のマイブーム。SVGはサイズが大きくなっても拡大すれば読めるのでいいです。 上の画像はPNGをアップロードしたものなのでGistに上げました。 GistのSVGへのリンクを置いておきます。Gistの
Here is what happens when you try to fetch data directly from the body of a functional component in React 👇 Why does this happen and what tools does React offer to solve this problem? Side effects If your React component affects anything outside of itself, it’s called a side effect. Side effects shouldn’t happen during component render. Therefore they do not belong to the body of a functional com
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本地図を人の住んでいる地域だけ着色→都市部への人口集中が如実に
おうちの回線速度をお手軽に可視化してみよう | IIJ Engineers Blog
YouTuber同士の繋がりを可視化する - 見返すかもしれないメモ
Node-Based UIs in React – React Flow
ロック史の重要人物1400人以上の人脈図をギターアンプの回路基板風に描いたアートポスターが話題に - amass
データ視覚化/ダッシュボードデザインを成功させるための95のチェックリスト
自然言語を簡単に可視化・分析できるライブラリ「nlplot」を公開しました - ギークなエンジニアを目指す男
JSON Crack | More Than A JSON Editor
行政プロセスにデータ分析を取り入れるために知っておきたい知識と事例
GitHubで使えるようになった Mermaid の便利なところ
「Googleマップはもはや教育現場には不向きなプラットフォームになった」と大学教授が非難
無料＆オープンソースで大規模なネットワークを常時グラフィカルに監視できる「Moloch」
「坂道でスピッツとゆずとつじあやのがすれ違ってる」を図にした結果、他の曲も交え坂道が大渋滞に
特徴量重要度にバイアスが生じる状況ご存知ですか？ - 学習する天然ニューラルネット
国産の日本語生成AIの無料デモ版が公開 ～「GPT-3.5 Turbo」に匹敵する性能を達成／東大初のELYZA社が700億パラメーターのLLM「ELYZA-japanese-Llama-2-70b」を開発
GPTとは何か Transformerの視覚化 | Chapter 5, Deep Learning
Bizgram (ビズグラム) | ビジネスモデルデータベース
GitHub Actionsのワークフローを可視化するactions-timelineを作った
150年間の「駅」の変化を21秒の動画にしてみた 「あっ消えた……」鉄路の栄枯盛衰が見ていて辛くなる
育児支援ダッシュボードを支える技術 - 人間だったら考えて
Include diagrams in your Markdown files with Mermaid
サイゼリヤさんがチキンを極限まで抽象化することに成功→コストカットの極みを感じる「これはチッキンペーパーですね！」
COVID-19 Community Mobility Report
生産性を可視化したい！ / SUZURI's four keys
「ソースコードブランチ管理のパターン」のダイアグラム - 日々常々
A Visual Guide to useEffect