How to create a screen reader accessible graph like Apple's with D3.js by Sarah L. Fossheim
How to create a screen reader accessible graph like Apple's with D3.js After previously writing about the accessibility of Apple Health’s data visualizations, I felt inspired to recreate one of them with D3.js. I already covered some of the basics in the form of a bar chart, so this time I decided to go for a different type of graph: the activity rings. Before we start While we will build the grap
おじさんにモテるファンネルチャートのつくりかた - Qiita
こんにちは。d3.jsアドベントカレンダーの１８日目です。 突然ですが、おじさんに絶大な人気を誇るチャートをご存知でしょうか。 それは「ファンネルチャート」です。 【管理職すきなチャートアンケート（当社調べ）】 ２位のパイプラインチャートとはつまりファンネルチャートのことなので、合わせると半数以上のおじさんが好きなチャートはファンネルで決まり！ なのです。 なんかはやりのキュレーションメディアっぽい書き出しになりましたがこの記事はそういうのではありません。 ファンネルチャートとは？ ファンネルチャートとは、その名のとおりファネル（じょうご）のかたちをしたチャートです。データの表し方は積み上げ棒チャートに似ていて、全体の総和に対して各ステップの比率をそれぞれの高さで表します。というかまんま積み上げ棒と同じです。違うところは、棒が一本しかないところと、「先細り感」が表現できるところです。 この
D3 V4 - What's new?
class: center, middle, inverse # D3 V4 - What's new? Play along: [D3 v3 playground](http://jsbin.com/degoxo/1/edit?html,js,console,output) | [D3 v4 playground](http://jsbin.com/yoruka/1/edit?html,js,console,output) Slides: [iros.github.io/d3-v4-whats-new/](http://iros.github.io/d3-v4-whats-new/#1) [](http://bocoup.com/datavis) --- # Modularity #### D3 v3 was
dc.js - Dimensional Charting Javascript Library
dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction. dc.js is an easy yet powerful javascript l
可視化ライブラリD3.jsの設計が素晴らしすぎる。 | 三度の飯とエレクトロン
How to build a real-time dashboard of React.js components on top of D3 .
This is a tutorial teaching you how to build a real-time app using React.js components and D3 widgets. The app receives new real data through websockets.In this tutorial I will show you how to build a dashboard of React.js components on top of D3 elements, displaying real-time information through websockets (setting up a server via Express). Here is a quick look at what we’ll be building. You can
D3.js で日本地図を描く - y_uti のブログ
D3.js と GeoJSON でポリゴンを描く
インタラクティブ・データビジュアライゼーション
D3.js の Data-Driven な DOM 操作がおもしろい
D3.js は「ビジュアライズ用のライブラリー」だと紹介されがちなんだけども、意外にも D3.js にはグラフを描画する機能がない。 D3.js のトップページには次のように書いてある。 D3.js はデータからドキュメントを生成するためのライブラリーです。D3 は HTML, SVG, CSS を使ってデータに命を吹き込みます。Web 標準を重要視しているので、独占的なフレームワークに縛られません。強力なビジュアライズ用のコンポーネントと data-driven な DOM 操作手順を組み合わすことで、モダン ブラウザーの能力を最大限に活用できます。 D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - naver/billboard.js: 📊 Re-usable, easy interface JavaScript chart library based on D3.js
Home | nivo
GitHub - mstefaniuk/graph-viz-d3-js: Graphviz web D3.js renderer
GitHub - uber/react-vis: Data Visualization Components
Rock Content: Content Experiences your audience will love
HugeDomains.com
Amazon.co.jp: エンジニアのための データ可視化[実践]入門 ~D3.jsによるWebの可視化 (Software Design plus): 森藤大地, あんちべ: 本![Amazon.co.jp: エンジニアのための データ可視化[実践]入門 ~D3.jsによるWebの可視化 (Software Design plus): 森藤大地, あんちべ: 本](https://cdn-ak-scissors.b.st-hatena.com/image/square/1965c347a4e5cca149223b8dd684aec3e9703e62/height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F51kgB5g91EL._SL500_.jpg)
GitHub - NickQiZhu/d3-cookbook: Source code for "Data Visualization with D3 Cookbook"
D3.js本の出版が止まらない(最近出版されたD3参考書)
http://daily.d3js.info/?p=296