筆者は Scrapbox を愛用しており、Scrapbox プロジェクトのページ間のグラフ構造を可視化するためのツールを作ったりしています。 GitHub - mamezou-tech/sbgraph: Fetch Scrapbox project data and visualize activities. このツールは Graphviz の dot 形式ファイルを出力するので手軽にグラフ構造の可視化が可能です[1]。 D3.js を使うと Graphviz よりインタラクティブな可視化アプリを作れます。グラフ構造の可視化には、force simulation を使うと効果的です。 Force-Directed Graph かなり前に Vue 2 と D3.js を使って可視化のための SPA (Single Page Application) を試作して放置していました。 放置している
京都研究所・TechLabの田中です。 マイクロアドでは、主にエンジニア以外のメンバーが広告配信実績などの各種データにアクセスする際にRedashを利用しています。 Redashから接続しているデータソースには、以前このブログでも紹介した分析用Hadoopクラスタ*1に加えて、MySQLのレプリやBigQueryなどがあります。 これらの異なるデータソースに対してRedashからは同じインターフェースでアクセスでき、手軽にデータの抽出や可視化・分析などが可能です。 また、クエリで抽出したデータを利用して、Redash上にダッシュボードを作成することもできます。 本稿では、そんなRedashの活用方法の1つとして、 スケジューリング機能とキャッシュ機能を利用した簡易的なデータパイプラインを使ってダッシュボードを作成する例をご紹介します。 なお、この記事で扱うRedashの説明はバージョンv1
GitHub - Canop/broot: A new way to see and navigate directory trees : https://dystroy.org/broot
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
Ryohei Seto on Twitter: "東京 3177: 宣言するだけの緊急事態宣言でもこれまではある程度効果が見えたけど，何回も繰り返して使えるものではない． https://t.co/vMCjf0SBAg"
東京 3177: 宣言するだけの緊急事態宣言でもこれまではある程度効果が見えたけど，何回も繰り返して使えるものではない． https://t.co/vMCjf0SBAg
都の財政データをビジュアル化！若き職員の思い｜＃シン・トセイ 都政の構造改革推進チーム（東京都 公式）
都は、2021年1月29日に「令和3年度予算案」を発表しましたが、同日に都の財政データをダッシュボードで公開しています。 本ツールは、マイクロソフトの「Power BI」を使用し、「予算案」「普通会計決算」「普通会計財務諸表」に関するデータをビジュアル化しています。各項目をクリックすることで、知りたい情報に簡単にアクセスでき、過去データとの比較を視覚的に行うことも可能です。 今回は、このダッシュボード作成の中心人物である若きリーダー、財務局主計部財政課主任の堤 佑城（ゆうき）さんにオンラインインタビューを敢行。デジタル化に取り組む経緯や反響などを伺いました。 コロナ禍で都財政への関心が高まる——まずは、堤さんのキャリアと、主な業務内容を教えてください。 2013年度に東京都に入庁し主税局に配属され、その後2018年度に財務局に異動となりました。 現在は、従来の発想に捉われない新たな視点など
GitHub - cidrblock/drawthe.net: drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created
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
はじめまして。サーバーサイドエンジニアの kinakobo です。 唐突ですが、自動テストの実行にはどんなCIツールを使用していますか？ 色々と選択肢があると思いますが、自分は今までCircleCI、GitHub Actionsを使うことが多く、ANDPADに入社して初めてCodeBuildでテストを実行しました。 それまでCodeBuildを使ったのはDocker imageの構築くらいだったので、あまりテストの実行に向いている印象は持っていませんでした。 ですが調べてみると意外と機能が充実しており、中でもテストレポート機能は便利だと思ったので今回紹介したいと思います。 テストレポート機能とは AWS CodeBuild でのテストレポートの使用 - AWS CodeBuild テストレポート機能は、テストのレポートファイルをいい感じに整理して表示してくれる機能です。 CircleCIに
Input should be a csv file. Dates should be YYYY-MM-DD. Option 1 : one row per date (ordered) and one column per contender Date Name1 Name2
GitHub - im2nguyen/rover: Interactive Terraform visualization. State and configuration explorer.
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 - in3rsha/sha256-animation: Animation of the SHA-256 hash function in your terminal.
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
最近はとくに新型コロナウイルスの影響で、さまざまなデータやグラフを目にする機会が多くなってきました。そんなデータから、美しい独特の表現を生み出すアート作品が多く生まれています。「データ・アート」と言われるその分野にはどのような作品があるのでしょうか。
信号の時刻表をつくる（デジタルリマスター）
通勤とか通学路で、まいにち同じ信号にひっかかったりしませんか。急いでるのに。 信号につかまるかどうかは基本的には運しだいだ。行ってみて初めて、赤か青か分かる。 でももし信号に時刻表があって、何時何分にどの信号が青になる、とかいうことがあらかじめ分かっていたらどうだろう。 うまくタイミングを選ぶと、途中で出会う信号ぜんぶ青とかいうこともできたりするんじゃないだろうか。 ※2006年3月に掲載された記事を、AIにより画像を拡大して加筆修正のうえ再掲載しました。 新宿通りの信号の時刻表をつくろう ぼくが自転車での通勤路として使っている東京の新宿通りのばあい、外苑東通りとかの大きな通りとの交差点でいつもひっかかるという印象がある（下の地図参照）。 問題の交差点（下の16番） 今回調べる新宿通りの地図。1番の半蔵門から18番の四谷四丁目までの信号の時刻表をつくりたい。 出典：国土地理院発行の2万5千
GitHub - remeh/diago: Diago is a visualization tool for CPU profiles and heap snapshots generated with `pprof`.
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
Bicycle – Bartosz Ciechanowski
There is something delightful about riding a bicycle. Once mastered, the simple action of pedaling to move forward and turning the handlebars to steer makes bike riding an effortless activity. In the demonstration below, you can guide the rider with the slider, and you can also drag the view around to change the camera angle: Compared to internal combustion engines or mechanical watches, bicycles
SummaryMost visual programming environments fail to get any usage. Why? They try to replace code syntax and business logic but developers never try to visualize that. Instead, developers visualize state transitions, memory layouts, or network requests. In my opinion, those working on visual programming would be more likely to succeed if they started with aspects of software that developers already
In the world of modern portable devices, it may be hard to believe that merely a few decades ago the most convenient way to keep track of time was a mechanical watch. Unlike their quartz and smart siblings, mechanical watches can run without using any batteries or other electronic components. Over the course of this article I’ll explain the workings of the mechanism seen in the demonstration below
GitHub - marceloprates/prettymaps: A small set of Python functions to draw pretty maps from OpenStreetMap data. Based on osmnx, matplotlib and shapely libraries.
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
地図と可視化とコミュニティ（それと言語） / Data Visualization Japan Meetup 2022
データ可視化ショーケースイベント Data Visualization Japan Meetup 2022 | Peatix / https://peatix.com/event/3452708 動画: https://www.youtube.com/watch?v=Zu5oBYY7M0Y
Features
Explore and explain your data with beautiful visualizations and stories. Publish, present or download. No need to code or install software. Stunning visualization Easily make world-class visuals from our library of flexible templates.
「カナダ人の半分が住んでいる地域を赤で囲ってみた…」衝撃を受ける人が続出 カナダの国土面積はロシアに次いで世界第2位。 広大な面積を持っていながら、人口は3725万人で日本の約3分の1ほどです。 そんなカナダ人の半数が住んでいる地域が、多くの人に衝撃を与えていました。 50 Percent of Canadians live south of the red line. この赤い線より南側に、半分のカナダ人が住んでいるとのこのです。 たったこれだけ!? 広大な国でありながら、人々が住みたがるのは、比較的暖かくてアメリカに隣接しているところだけ……ということを物語っています。 日本も平野部に都市や人口が密集していますが、カナダがここまで偏っていたとは驚きですね。 海外掲示板のコメントをご紹介します。 ●95％のカナダ人がアメリカとの国境から50mのところが好きなんだ。 映画「ジョン・キャンデ
Terrastruct
The diagramming tool for developersUsing general-purpose diagramming tools can feel like coding on Google Docs. D2 Studio is a modern developer tool to power all your visual documentation. Feel the difference in speed, simplicity, and maintainability.
GitHub - jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
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
Memory Allocation
One thing that all programs on your computer have in common is a need for memory. Programs need to be loaded from your hard drive into memory before they can be run. While running, the majority of what programs do is load values from memory, do some computation on them, and then store the result back in memory. In this post I'm going to introduce you to the basics of memory allocation. Allocators
scikit-learnで機械学習パイプラインをインタラクティブに描画、HTML保存する方法 - Qiita
本記事では、scikit-learnのv0.23から搭載された、インタラクティブなパイプライン確認の実装、そしてそれをHTML化して保存、活用する方法を解説します。 環境 scikit-learn==0.23.2 Google Colaboratory 本記事の実装コードはこちらに置いています https://github.com/YutaroOgawa/Qiita/tree/master/sklearn 実装 [1] バージョン更新 まず、Google Colaboratoryのscikit-learnのバージョンが2020年9月ではv0.22なので、v0.23へと更新します。 !pip install scikit-learn==0.23.2 pipで更新したあとは、Google Colaboratoryの「ランタイム」→「ランタイムを再起動」を実行し、 ランタイムを再起動します。 （
GitHub - streamlit/streamlit: Streamlit — A faster way to build and share data apps.
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 - Kanaries/pygwalker: PyGWalker: Turn your pandas dataframe into an interactive UI for visual analysis
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
下記のイベントでLTした資料です。私はDay 1に「「俯瞰」可視化が情報探索・分析を変える」というテーマで発表しました。 データ可視化ショーケースイベント Data Visualization meetup 2022 https://peatix.com/event/3452708 「俯瞰」可視化に関する、①アルゴリズム、②背景思想、情報探索・分析を変える可能性、③関連プレイヤーを話しました。
GitHub - red-data-tools/YouPlot: A command line tool that draw plots on the terminal.
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で公開するのか？」という質問を最近よく受けます。 ざっくり説明すると、GitHubとはウェブサイトやソフトウェアなどのプログラム（＝ソースコード）を公開できるウェブサービスのことです。修正履歴の公開や、他のユーザーからの改修提案なども受け付けることができます。社会で広く使ってほしい、公共性のあるプロジェクトに使われることが多いと思います。 東洋経済オンラインでは、COVID-19のダッシュボード「新型コロナウイルス 国内感染の状況」のデータやソースコードをGitHubで公開しています。データもコードも「許諾不要で自由に使っていい、ただし出典表記は必要」としています。それ以前に作ったプロジェクトも、私（荻原）が作ったものであればほぼすべて公開しています。 他に新型コロナ関連では、東京都の新型コロナウイルス対策サイト
VTuber Collab Map
Check how VTubers interact with each other in real time.
リアルタイム震度（強震モニタ）とは 地震による揺れを視覚的にリアルタイムで確認できるページです。 また、緊急地震速報による震央と揺れの到達予想円を表示します。 地震発生時には政府機関や各自治体の発表する情報にも注意を払い、必要に応じて速やかに避難等を行ってください。必ず他の情報と併せて状況を確認するようお願い致します。 リアルタイム震度（強震モニタ）の見方 地図上の色の変化について 震源を中心として揺れが伝わっていく様子が色の変化で確認できます。 ※地面は生活振動（車、列車、工場、工事など）のために日常的にわずかに揺れており、平常時でも色の変化があります。 またリアルタイムに観測データを処理しているため、ノイズや機器障害により色が変化する場合もあります。1観測点での色の変化は地震以外の理由による可能性があります。 P波・S波について 緊急地震速報が発表されると、その情報とともにＰ波・Ｓ波に
新型コロナウイルス データで見る感染状況一覧｜NHK特設サイト
新型コロナ データ一覧 ●2023年5月19日から発表が始まった新型コロナの「定点把握」のデータはこちらから 新型コロナウイルスの最新データ一覧です。国内外の感染者数や死者数、都道府県別の詳しいデータ、東京都がモニタリングを行っている7つの項目など、これまでの推移と最新データをグラフや地図で表示しています。 ●こちらのページでは、アメリカのジョンズ・ホプキンス大学が集計する世界の感染者数のデータをお伝えしてきましたが、ジョンズ・ホプキンス大学は、2023年3月10日にデータの更新を終了しました。 ●新型コロナウイルスの「5類移行」に伴い、これまでの「全数把握」による毎日の感染者数の発表は2023年5月8日(月)が最後となります。今後は全国5000の医療機関からの報告をもとに公表する「定点把握」に変わりますが、「定点把握」による最初の発表は2023年5月19日(金)になる予定です。「定点把握
「図弁当」を作ってみてはどうか
1987年東京出身。会社員。ハンバーグやカレーやチキンライスなどが好物なので、舌が子供すぎやしないかと心配になるときがある。だがコーヒーはブラックでも飲める。動画インタビュー 前の記事：土曜のお便り 〜ブラーバを雑巾として使う人 今、お弁当なのではないか なんとなく同じような毎日である。 最近は外出できない状況が続いていて特にそう感じる。そんな日々の中、生活を華やかにする工夫をしたいと思ったらお弁当なのではないか。 昔作ったお弁当（『「キャラ弁の端材弁」で、楽しい弁当ライフを（理論上は）』より） 外に出かけるわけではない。場所は家でもいいのだ。早起きして自分の好きなものを作って箱に詰め、あとで開けて食べる。この一連の行動からくるわくわくした気持ちがどこからどう見ても健全で、今の僕にぴったりな気がする。 でも面倒くさい しかし凝ったお弁当を作るのは面倒くさい。キャラ弁なども作ってみたいが、う
仮想化ツール「Docker」がM1チップ搭載Macに対応、x86アーキテクチャとArmアーキテクチャのイメージが実行可能に
2020年11月にAppleが発表したM1チップを搭載するMacシリーズは、低消費電力で高性能なことから高い評価を受けています。そんな中、開発者に広く用いられている仮想化ツール「Docker」が、2021年4月15日にリリースした「Docker Desktop 3.3.1」でM1チップ搭載Macへの正式対応を果たしました。 Docker Desktop for Apple silicon | Docker Documentation https://docs.docker.com/docker-for-mac/apple-silicon/ Released: Docker Desktop for Mac [Apple Silicon] - Docker Blog https://www.docker.com/blog/released-docker-desktop-for-mac-appl
Real Country Sizes Shown on Mercator Projection (Updated) - Engaging Data
I remember as a child thinking that Alaska was as large as 1/2 of the continental US. Later, however, I learned that while it is the largest state, it is actually only about 1/5 the size of the lower 48 states. My son has also remarked that Greenland is very big. And while it is very big, it’s nowhere near the size of the continent of Africa. The map above shows the distortion in sizes of countrie
ymicky on Twitter: "Transformerを理解するのにこの動画がかなりわかりやすかった。 3Dアニメーションで説明してくれる https://t.co/VUnkCFMDVB https://t.co/4f3zOxsDbv"
Transformerを理解するのにこの動画がかなりわかりやすかった。 3Dアニメーションで説明してくれる https://t.co/VUnkCFMDVB https://t.co/4f3zOxsDbv
The technology has resulted in a host of cutting-edge AI applications — but its real power lies beyond text generation
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue 3 と D3.js で作る可視化アプリ | 豆蔵デベロッパーサイト
Decoding A City In A Bottle
効率的なダッシュボードの作成 - MicroAd Developers Blog
CodeBuildでRSpecのテストレポートを表示する - ANDPAD Tech Blog
Opensource bar chart race generator
Stanford CS course on data visualization techniques (Winter 2020)
「情報」が「アート」に!? ビッグデータ時代に注目される「データ・アート」とはなにか
We need visual programming. No, not like that.
Mechanical Watch – Bartosz Ciechanowski
「カナダ人の半分が住んでいる地域を赤で囲ってみた…」衝撃を受ける人が続出 : らばQ
Genomic epidemiology of novel coronavirus (HCoV-19) | Nextstrain
「俯瞰」可視化が情報探索・分析を変える
データ可視化コンテンツのソースコードをGitHubで公開する理由｜荻原 和樹 / Kazuki OGIWARA
リアルタイム震度（強震モニタ） - Yahoo!天気・災害
Generative AI exists because of the transformer