チャートで見る世界の感染状況 新型コロナウイルス
データの集計方法 感染者数や死者数は世界保健機関（WHO）や各国政府の発表をもとにまとめています。世界全体の感染している人、回復した人、死者の数はジョンズ・ホプキンス大の集計です。 閉じる 編集 榎本敦、前田絵美子、五十嵐孝、綱島雄太、久保田昌幸、有年由貴子、富田美緒 ディレクション 清水明、久能弘嗣、安田翔平 デザイン・マークアップ 安田翔平 プログラム 加藤皓也、清水正行、森川将平、中川万莉奈 日経電子版に登録していない方へ 登録すると、有料会員限定の記事が毎月決められた本数まで無料で読めます。 ※「同意して次へ」ボタンを押下することで日経ID利用規約および日経IDプライバシーポリシーに同意したものとみなしますので、お読みの上でお進みください。
Facebook AI Researchが開発してきたリアルタイムにデータをグラフ化する「Visdom」が、Open Source Initiative傘下のFOSSASIAに寄贈され、オープンソースとして公開されたことが発表されました。 Visdomは上の画面例のように、データをさまざまなグラフとして表示し、ダッシュボード化して見せることができるソフトウェアです。 下の画面のように、ライブデータをリアルタイムにグラフ化可能です。
畳み込みの仕組み | Convolution
確率から画像処理まで、離散畳み込みと高速フーリエ変換(FFT) 激ムズ数え上げパズルと驚きの解法 https://youtu.be/FR6_JK5thCY フーリエ変換の解説動画 https://youtu.be/fGos3wrKeHY 【注釈】 整数のかけ算のアルゴリズムについて、FFTの"straightforward"な適用はO(N * log(n) log(log(n)) )の実行時間になる。log(log(n))の項は小さいが、2019年になってHarvey and van der Hoevenがこの項を取り除くアルゴリズムを発見した。また、O(N^2)を、必要な計算量がN^2と共に大きくなると表現したが、厳密にはこれはTheta(N^2)が意味するところである。 O(N^2)は計算量が高々N^2の定数倍になるという意味で、特に、実行時間がN^2項を持たないが有界であるアル
GitHub - mckinsey/vizro: Vizro is a toolkit for creating modular data visualization applications.
Rapidly self-serve the assembly of customized dashboards in minutes - without the need for advanced coding or design experience - to create flexible and scalable, Python enabled data visualization applications Use a few lines of simple configuration to create complex dashboards, which are automatically assembled utilizing libraries such as Plotly and Dash, with inbuilt coding and design best pract
ProductSupercharging GitHub Actions with Job SummariesYou can now output and group custom Markdown content on the Actions run summary page. The same familiar functionality that powers pull requests, issues, and README files has come to GitHub Actions! We’re thrilled to announce GitHub Actions Job Summaries, which allow for custom Markdown content on the run summary generated by each job. Custom Ma
GitLab.com
Open source, runs in VS Code, integrates with existing TypeScript code, browser and Node.js.
最近 Twitter を見ていたら Diagrams という Python 書いたら良い感じのシステム構成図ができるサービスが流れてきた。 diagrams.mingrammer.com プライベートのインフラ構成図は今まで Cacoo で描いていたけど、今回 Diagrams に移行した。 なぜ Diagrams で書くのか プライベートでは terraform だったり Kubernetes のマニフェストを1つのリポジトリで管理している。 AWS の構成や Kubernetes に変更を加える時はいつもそのリポジトリにコミットしてもろもろ終わった後に Cacoo の図を更新していた。 Cacoo は書きやすくて好きなのですが、自分としては図を更新する前の時点で達成感に満たされていつも終わっていました。 そしてどんどん実態と差分が広がり更新しなくなりました。 Diagrams を使うこ
東日本大震災ツイートマッピング
東日本大震災発生後24時間以内につぶやかれたジオタグ付きツイートのデジタルアーカイブ
GitHub - swsoyee/2019-ncov-japan: 🦠 Interactive dashboard for real-time recording of COVID-19 outbreak in Japan
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
RFC 3339 vs ISO 8601
Comparison between RFC 3339 and ISO 8601 date formats
Text to diagram
Basic: An example of the most basic diagramming functions: create a box, give it a label, connect it to another box, label that connection. It also demonstrates shorthand ID substitution, if it exists in the syntax.
Pythonでシステム構成図を書ける、DiagramsというOSSが便利そうだったので試してみました。 Diagrams · Diagram as Code 対応プロバイダ 現在、Diagramsは以下の7種類のプロバイダに対応しています。各プロバイダが提供している各種サービスがノードとして対応されています。以下は対応プロバイダとそのノード一覧へのリンクです。 AWS Azure GCP Alibaba Cloud Oracle Cloud Kubernetes オンプレミス オンプレミスプロバイダには、GitHubやCircleCIといったサービス、汎用的なクライアント、各種DBなど幅広い種類のノードが含まれています。このアイコンないかなと思った場合は、オンプレミスプロバイダを調べてみるともしかしたらあるかもしれません。 試してみる AWS上のシステム構成図を書いてみて各機能を試していき
図解を制するものは、エンジニアリングを制す。diagrams.netを使ったチーム開発のススメ。 - MonotaRO Tech Blog
こんにちは、初めまして、フロントエンドエンジニアの八木です。 普段、モノタロウのECサイト開発を行っています。 エンジニアだとシステム構成図やシーケンス図など、何かと図を作る機会が仕事柄たくさんあります。その多くは要件定義や詳細設計などのフェーズで、人に何かを伝えるために使われます。 最近では、テック系のイベントやセッション登壇などでも使われる機会が多く見られるようになってきましたね。 エンジニアが図を用いる理由 図を用いる理由は文字だけでは直感的に伝わりづらいなど様々ですが、共通して言えることはビジュアライズすることによって皆が同じ認識を持つことにあります。 しかし、人によって描き方が異なっていたり、描き方に正解はないことから個人の解釈にずれが発生することが多々あります。 例えば以下の例を考えてみます。 伝えたいことは次の通り。 WebサーバーはNginxを使用 Appサーバー上ではDo
GitHub - sqshq/sampler: Tool for shell commands execution, visualization and alerting. Configured with a simple YAML file.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
これがあるのとないのとでは分かりやすさが全然違うので、perfを使う時は常に入れておくようにすると便利です。 2. --call-graph は fp 以外で使う 上記の問題を解決すると perf record + perf report では何が呼ばれているかおおむね分かることが多いのですが、call graphを出すために perf record -g をすると [unknown] というのが出てきてしまうことがあります。(以降の計測結果はRack::Utils::HeaderHashを使ったRuby VMのベンチをRubyのmasterで走らせたものです) Samples: 38K of event 'cycles:ppp', Event count (approx.): 271180000 Children Self Command Shared Object Symbol - 1
この記事は、GoogleのデザインリードManuel Lima氏のブログ記事を公式に許可をいただき翻訳させていただいたものです。 Googleがデータビジュアライズの新ガイドライン導入 2017年8月、Googleのデザイナー、リサーチャー、エンジニアの有志が集まり、データビジュアライズに関する総合的なガイドラインを作成した。 このガイドラインでは、色、形状、タイポグラフィ、図解、インタラクション、モーションなどデータビジュアライズに関するすべての分野を網羅している。本ガイドライン制作の成果から、2018年5月、Google初のデータビジュアライズに特化した“データビジュアライゼーション”チームがスタートした。 本記事では、その取り組みから得た知見をシェアしたい。 正直であることデータの正確さと誠実さを最優先にする。情報を歪曲し、混乱させたり、演出したり、公平さを欠くものにしてはならない。
こんにちは。ものづくり推進部、フロントエンドエンジニアの武田です。 今日は Datadog, Lighthouse を使ったクライアントパフォーマンス計測に取り組んでいる、というお話です。 mediba では webpagetest を使った定期実行と計測を以前から行っています。 DataStudioとGASでWebPagetestの計測結果をグラフ化するuknmr/gas-webpagetest紹介記事: gas-webpagetestでWebPagetestのパフォーマンス計測を自動化、可視化する1 での取り組みをベースにし、clasp で GAS のソースコード管理・デプロイを実現するための仕組みや webpagetest Lighthouse test と連携したメトリクスの取得まで網羅したものが 2 になります。 今回は少し webpagetest とは趣向を変えて Lighth
可視化法学が興味深い
可視化法学 @lawvis 法律(code)もソースコードもcodeだから似ているだろうと思いまして、法律の参照構造を可視化する可視化法学というのを個人の趣味でやってます。 lawvis.info/app/?c=syakaih… 河川分野の参照構造はシンプルで、社会保険分野は相互参照が激しく、多分誰が手を入れてもバグるだろうと思います。 twitter.com/ichiro_satoh/s… pic.twitter.com/498rjPQHGr 2021-03-30 21:40:06 ICHIRO SATOH @ichiro_satoh IT屋の視点で見ると、条文はスパゲッティプログラム状態で、ミスがでるのは当たり前。まずは構造化プログラム程度に条文の書き方を進化させた方がいいと思う。"法案条文などにミス相次ぐ 官房長官から説明受ける方向で調整 | NHKニュース" www3.nhk.or
緊迫するロシアとウクライナ
ロシアがウクライナ国境付近に約１０万人の部隊を送り込み、ウクライナとロシアの間の緊張はこの数カ月高まる一方だ。 米英をはじめとする西側諸国は、ロシアが、西側の安全保障同盟である北大西洋条約機構（ＮＡＴＯ）にウクライナが加入するのを断固阻止する試みの一環として侵攻を準備しているのではないかと危惧している。 ロシアは侵攻の意図を繰り返し否定してきた。だがロシア軍は２０１４年、ウクライナ南部のクリミア半島を占領し、ウクライナ東部の一帯を実効支配する分離派勢力を支援してきた。 ロシア軍部隊の集結状況は衛星画像に捉えられており、ウクライナの北部、東部、南部の国境を囲むように基地に部隊が集まっているのがわかる。 １２月末、米国を本拠とする宇宙技術企業マクサー・テクノロジーは、「当社の高解像度衛星画像では、今月に入ってクリミア半島及びウクライナ国境に近い西部ロシアの複数の演習地で、ロシア軍の新たな動きが
GitHub - drawdb-io/drawdb: Free, simple, and intuitive online database design tool and SQL generator.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
日本語正式サポートされた自然言語処理ライブラリspaCyのStreamlit可視化が超お手軽だった - OPTiM TECH BLOG
R&D チームの徳田（@dakuton）です。 最近、spaCyの日本語版モデルが正式サポートされたのでいろいろ触ってみたところ、解析結果ビジュアライズを全部まとめるStreamlitアプリも同じ月に提供されていることがわかったので、今回はそちらを紹介します。 なお、ビジュアライズ機能の一部(係り受け解析)は1年前の記事「その他」で紹介しています。 tech-blog.optim.co.jp 実行手順 spaCyのUniverseプロジェクトであるspacy-streamlitをインストールします。 pip install spacy-streamlit 起動用スクリプト(streamlit_app.py) import os import pkg_resources, imp import spacy_streamlit models = ["ja_core_news_lg", "ja_
お知らせ 2022年4月1日 最新のデータは次のURLから取得することができます。 https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku 航空測量等に基づき取得したデータから建物等の地物を3次元で生成した3D都市モデルです。 商用利用も含め、どなたでも無償で自由にご利用いただけます。 特徴 3D都市モデルとは、都市空間に存在する建物や街路といったオブジェクトに名称や用途、建設年といった都市活動情報を付与することで、都市空間そのものを再現する3D都市空間情報プラットフォームです。 様々な都市活動データが3D都市モデルに統合され、フィジカル空間とサイバー空間の高度な融合が実現します。これにより、都市計画立案の高度化や、都市活動のシミュレーション、分析等を行うことが可能となります。 仕様 提供エリア： LOD1作成範囲 東京23区全域（
※アンダースコアのpip install seaborn_analyzerでもインストール可能です。 インポート時はアンダースコアのimport seaborn_analyzerやfrom seaborn_analyzer となるのでご注意ください コード モジュールcustom_pair_plot.py内のクラスCustomPairPlotに、必要な処理をまとめました。 GitHubにもアップロードしています モジュール本体 import seaborn as sns import numpy as np import pandas as pd import matplotlib.pyplot as plt from scipy import stats class CustomPairPlot(): #初期化 def __init__(self): self.df = None sel
概要 この記事はエムスリー Advent Calendar 2019 - Qiitaの7日目です。エムスリーエンジニアリンググループの山本瑶祐です。 近くの島に山本が3人いて、別の山本が呼ばれたのに反応してしまうのを繰り返してます。 今回は交通センサスの解析して市区町村間の交通流動を解析して日本の市区町村をグルーピングし、GISの仕組みを使って可視化するところまでやったので、その話をします。 モチベーション そもそもなんでそんなことを始めたかというと、特に福島県なんですが「県境の設定が雑じゃね?」みたいな素朴な疑問があったからです。 これは歴史的事実として、実際に廃藩置県の政治的なゴタゴタの中で決まった県境が変更されずに今に至っているので当然そうなんですが、 となると「じゃあそこらへん合理的に県境を決めたらどうなるん?」という疑問がわいてくるわけです。 多くの地元民が納得する県境を考えると
データビジュアライゼーションの基礎
情報を正しく伝え、美しくかつ明確な図やグラフを作成するための基本を解説します。「ビジュアライゼーションで大切なことは、本質を正しく伝えること」との信念に基づき、見栄えの悪い図、不適切な図、誤った図を避け、情報を正確にかつ効果的に伝えるために最適な要素、かたち、色の選択をするための指針をまとめています。著者は統合生物学の分野で著名な研究者であるだけでなく、cowplot、ggridgesをはじめ、数多くのRのデータ可視化関連パッケージの開発者であり、著者の豊富な経験から蓄積された知見の集大成と言える本書からは、優れたグラフを作成するための原則、哲学、美学を学ぶことができます。本書収録のグラフを作成したRコードはGitHubから利用可能。 訳者まえがき まえがき 1章 はじめに 1.1 見栄えの悪い図、不適切な図、誤った図 第Ⅰ部 データからビジュアライゼーションへ 2章 データを可視化する：
今所属してるチームに入ってから1年が経った。開発してるサービスのコードベースの中でも、「このへんはわりと土地勘がついてきたな」という場所と「ここはまだ全然わからん」という場所が混在している感じになってきた。 自分がまだ触ったことないのはどのあたりかを知りたかったので、今までの自分のコミット数をファイルごとに見れるようにしてみようと思った。調べてもそういうツールは見つからなかったので、作った。 ファイルの履歴 ファイルのコミット履歴を出力する: git log ファイル名 リネーム前の履歴も欲しい: git log --follow ファイル名 しかし --follow つけると、ファイルをコピーしてからちょっと編集したやつも同一ファイルと見做されてしまうので、それをなるべく避ける*1: git log --follow --find-renames=100% ファイル名 そのコミット履歴を
Pythonグラフ入門
Pythonグラフ入門# このPythonグラフ入門では、プログラミング言語Pythonを使ってグラフを描画する方法を解説しています。対象としている方は、ある程度Pythonに触れている人（リストやNumPyを使った配列を理解できるレベル）です。 サイト内の検索は、ページ上部の虫メガネのアイコンから行えます。
タダです. 皆さん,普段システムの構成図ってどうやって管理していますか？Excel や PowerPoint,専用のツールを使われていたり色々な方法で管理されているのですが,以前 PlantUML の形式で作図できる「AWS-PlantUML」を紹介させてもらいました. sadayoshi-tada.hatenablog.com 今回も同じコードでの作図ですが Python で記述できるツールの「Diagrams」を紹介します. github.com Diagrams の概要 Diagrams の導入 Diagrams での描画 Web3層構造 サーバレスアーキテクチャ まとめ Diagrams の概要 「Diagrams」は Python でクラウドサービスのアーキテクチャを作図するツールです.「Diagrams」では AWS のほか,Azure,GCP,Alibaba,Oracle C
AWSのSecurity Groupの視覚化に便利なツール「aws_security_viz」 | DevelopersIO
こんにちは、コカコーラ大好きカジです。 「規模が大きく大量のセキュリティグループを確認するのは面倒ですよね。」 マネージメントコンソールで名前で検索しながら確認・・・というか、自分もそんな感じです。 Security Groupを図で見れたら・・・と思って調べたら解決していた人がいました。感謝です。 aws_security_vizとは 現在のAWS上のSecurity Group構成を簡単に視覚化するツールです。（MITライセンスです） anaynayak/aws-security-viz: Visualize your aws security groups. 前提条件 MacOSXでの利用法を記載します。 他のOSの場合は、Dockerで動作するようですので、上記URLのReadmeをご参照ください。 aws_security_vizのセットアップ HomebrewとRubyが利用で
Qiita投稿記事から作る「日本のIT技術マップ」 - VDSLab Magazine vol.1｜likr｜note
はじめにIT分野では日々新しい技術が登場しています。技術者の肌感覚として新しい技術・枯れた技術の区別は付くでしょうが、それらを俯瞰して視ることはできるのでしょうか？昨今のIT分野では、Qiita等のプラットフォームを通じてコミュニティベースでの技術情報の発信が活発に行われています。本稿では、Qiitaの投稿記事に付けられたタグの情報を利用して、過去約10年間の国内のIT技術動向を可視化した「日本のIT技術マップ」を紹介します。 「日本のIT技術マップ」「日本のIT技術マップ」は、Qiitaの投稿記事から得たタグの関係を地図テイストに可視化したものです。投稿記事は、Qiitaのサービス開始時である2011年9月から2022年12月までのものをQiita APIから取得しました。可視化方法の主要な部分は以下の論文を参考にしています。 Gansner, E. R., Hu, Y., & Kobo
GitHub - jerosoler/Drawflow: Simple flow library 🖥️🖱️
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - rustviz/rustviz: Interactively Visualizing Ownership and Borrowing for Rust
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
VPC内のサブネットやルートテーブルなどのリソースを可視化するリソースマップが追加されました | DevelopersIO
何だこのカッコいいマップは こんにちは、のんピ(@non____97)です。 皆さんはVPC内のリソースを簡単に可視化したいなと思ったことはありますか? 私はあります。 以下記事で紹介している通り、去年VPCの作成ウィザードが大変イケている感じになりました。 このウィザードにより、以下のような情報が分かりやすくなりました。 VPC内にどのAZがサブネットが作成されるのか サブネットにどのルートテーブルと紐づいているのか Internet GatewayやNAT Gateway、VPC、S3のGateway型VPCエンドポイントへのルートを持つルートテーブルはどれか ただし、作成後のVPCでは、こちらのウィザードのようにVPC内のリソースを一目で確認することはできませんでした。 それがなんと、既存のVPCでも確認できるようになっていました。VPCを選択して、Resource mapタブをクリ
サービスの詳細 日本でも2018年頃に画面遷移図をテキストベースで作成できるguiflowが有名になりましたが、今回のサービスは、その類似サービスになります。 Quick Diagramは、普段からPower Pointやエクセルを利用していないプロダクトマネージャーやテクニカルディレクターやにオススメのサービスです。 サービスを設計したり要件定義を作成する際に必要になる、シーケンス図やクラス図、画面遷移図の作成、修正を簡単に実施できるサービスです。 早速、サービスの詳細を確認していきましょう。 アカウント作成し、ログインするとダッシュボードが表示されます。 左上から、作成したい図を選択します。 今回は、フローチャートを選択しました。 左側にQuick Diagramが指定する記法でテキストを記述していきます。 記法はこちらのドキュメントを参照してください。 記法の大まかな説明すると、それ
Sha256 algorithm explained online step by step visually
ほとんどの人が何らかのアルゴリズムに日々接している一方、人工知能（AI）がどのように機能するのか、実際に理解していると自信を持って言える人はそれほど多くない。しかし、Googleが英国で現地時間11月20日から開催している「Google Cloud Next '19 UK」で発表した新たなツールは、一般の人々が機械学習（ML）の難解さをひもとくうえで力となるはずだ。 「Explainable AI」（説明可能なAI）と呼ばれるこのツールは、MLモデルが思考を重ねる手法と、結論に至った理由をユーザーに説明するという、その名が示す通りの機能を有している。 Explainable AIは、そういった機能を実現するために、データセット内の各特徴がアルゴリズムの導き出した結果にどの程度の影響を与えたのかを定量化する。つまり、それぞれのデータ係数には、MLモデルにどの程度影響を与えたのかを示すスコアが
国会に提出された議案をGitHubの差分形式で可視化する――こんなプロジェクトがTwitterで注目を集めている。プロジェクトの名前は「LawHub」。国会に提出された改正案と現行法を比較し、変更箇所をテキストエディタに色付きで表示するツールだ。政府CIO補佐官を務める楠正憲さんも自身の公式Twitterアカウントで「オモロい！これ分かりやすいじゃん」と言及していた。 実際にGitHub上にリポジトリ（一連のプロジェクトデータ）があり、総務省の「e-Gov法令検索」から得た現行法でmasterブランチ（本番の履歴）を更新しつつ、ある時点の法律に対する修正案の履歴となるfeatureブランチを衆議院の議案データから作り、具体的な修正案をプルリクエスト（修正を依頼するGitHub上の機能）として作成。これらを機械的に更新しているという。 GitHubの差分可視化機能をそのまま使うため、修正案で
Vis.gl – Uber Vis Team Uber社がオープンソースとして公開している可視化ツールでは「deck.gl」が有名ですが、他にもUber社の持つ巨大なデータセットを分析するために作成されたさまざまなデータ可視化ツールがオープンソースとして公開されています。「Vis.gl」はそれらUber社が作成し公開している可視化ツールをまとめた呼び名で、現在では11点ほどのデータ可視化に有用なツールが公開されており今なお増え続けています。 ここでは、「Vis.gl」スイートとして公開されているツールを一通りざっと紹介したいと思います。（一部、Vis.gl以外でUber社が公開しているツールも含んでいます） ■データビジュアライゼーションフレームワーク ・deck.gl WebGLを用いて大量のデータを可視化することに長けたフレームワーク。 レイヤーベースのコンポーネントとして作られていて
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Facebook、リアルタイムにデータをグラフ化する「Visdom」、オープンソースとして公開
Supercharging GitHub Actions with Job Summaries
Screwtape / sqlite-schema-diagram · GitLab
Flyde | Visual Programming. For Developers.
Diagramsを使ってsystem architecture図をアップデートし続ける - hatappi.blog
Diagramsを使ってPythonでシステム構成図を描く | DevelopersIO
Linux perfで快適に計測するためのtips - Qiita
Googleが新しく発表したチャートデザインの6つの原則とは ｜ブログ｜root｜芯を問い、成長に貢献する
Datadog と Lighthouse を利用した WebPerf の継続的計測
3D都市モデル（Project PLATEAU）東京都23区（FBX 2020年度） - G空間情報センター
Pythonでデータの挙動を見やすくする可視化ツールを作成してみた - Qiita
交通センサスの解析と可視化 - ponkotuyのブログ
https://twitter.com/i_tetsuya137/status/1462390320398626816
コードベースのどのへんを触ったことがあるかを一覧する - 見返すかもしれないメモ
Python でクラウドの構成図を作ろう！『Diagrams』でね - 継続は力なり
要件定義に必要なフロー図をテキスト入力だけで作成できる【Quick Diagram】
Sha256 Algorithm Explained
グーグル「Explainable AI」発表--機械学習モデルが結論を得るプロセスの透明性向上へ
法案の変更点をGitHubのように比較する「LawHub」、Twitterで注目も実は開発停止中
Uber社の全部盛りデータ可視化ツールスイート「Vis.gl」一覧