http://blog.csdn.net/tianxuzhang/article/details/18456701
写在前面的话:
我一直在搜索D3的资料
也是不断在学习
我自己学习的时候感觉资料很少很痛苦
所以就不希望别人也这么痛苦了
我把我找到过的资料都分享一下,希望对您有帮助,如果你有新的资料可以给我留言
资料太多不方便看的话看目录吧 \(^o^)/~
1 创建D3原型的工具
http://tributary.io/2 D3作者的书
Interactive Data Visualization for the Webhttp://chimera.labs.oreilly.com/books/1230000000345
Learn how to make Data Visualizations with D3.js
http://www.dashingd3js.com/
3 D3官方api
https://github.com/mbostock/d3/wiki/API-Reference
4 D3的替代方案
4.1简易图表
4.1.1 DataWrapper
一个非常漂亮的在线服务,上传数据并快速生成图表后,就可以到处使用或将其嵌入在自己的站点中。这个服务最初定位于专栏记者,而实际上任何人都可以使用。DataWrapper 在新版本浏览器中可以显示动态图表,而在旧版本浏览器中则显示静态图片。(太聪明了!)你也可以下载代码在自己的服务器上运行。
地址: http://datawrapper.de/。
地址:http://www.flotcharts.org/。
4.1.3 Google Chart Tools
由早期的Image Charts API 发展而来的Google Chart Tools,可以用来生成不少标准的图表,也支持旧版本的IE。
地址:https://developers.google.com/chart/。
4.1.4 gRapha?l
基于Rapha?l(参见本节后面)的一个图表库,支持旧版本浏览器(包括IE6)。与Flot 相比,它更灵活,而且据说还要更漂亮一些。
地址:http://g.raphaeljs.com/。
4.1.5 Highcharts JS
JavaScript 图表库,包含一些预定义的主题和图表。它在最新浏览器中使用SVG, 而在旧版本IE(包括IE6 及更新版本)中使用后备的VML。这个工具只对非商业用途免费。
地址:http://www.highcharts.com/。
4.1.6 JavaScript InfoVis Toolkit
简称JIT,它提供了一些预设的样式可用于展示不同的数据,包括很多例子,而文档的技术味道太浓。如果你喜欢它的预设样式,可以选择它,但浏览器支持情况不太清楚。
地址:http://philogb.github.com/jit/。
4.1.7 jqPlot
jQuery 绘图插件,只支持一些简单的图表,适合不需要自定义样式的情况。jqPlot 支持IE7 及更新版本。地址:http://www.jqplot.com/。4.1.8 jQuery Sparklines
可生成波形图的jQuery 插件,主要是那些可以嵌在字里行间的小条形图、折线图、面积图。支持大多数浏览器,包括IE6。
地址:http://omnipotent.net/jquery. sparkline/#s-about。
4.1.9 Peity
jQuery 插件,可生成非常小的条形图、折线图和饼图,只支持较新版本的浏览器。再强调一遍,它能生成非常小又非常精致的小型可视化图表,可爱程度加10 分。
地址:http://benpickles.github.com/peity/。
4.1.10 Timeline.js
专门用于生成交互式时间线的一个库。不用编写代码,只用其代码生成器即可。定制的空间不大,但时间线可不是那么容易做的。Timeline.js 只支持IE8 及之后的版本。
地址:http://timeline.verite.co/。
4.1.11 YUI Charts
雅虎YUI(Yahoo! User Interface Library)的Charts 模块,可用于创建简单的图表,支持很多浏览器。
地址:http://yuilibrary.com/yui/docs/charts/。
4.2 图谱可视化
所谓"图谱",就是具有网络结构的数据(比如B 连接到A,A 连接到C)。
4.2.1 Arbor.js
基于jQuery 的图谱可视化库。就算没用过它,也该看一看它的文档,连它的文档都是用这个工具生成的(可见它有多纯粹、多meta)。这个库使用了HTML 的canvas 元素,因此只支持IE9 和其他较新的浏览器,当然也有一些针对旧版浏览器的后备措施。
地址:http://arborjs.org/。
一个非常轻量级的图谱可视化库。无论如何,你得看看它的网站,在页面上方的大图上晃几下鼠标,然后再看看它的演示。Sigma.js 很漂亮,速度也快,同样使用canvas。
4.2.2 Sigma.js
一个非常轻量级的图谱可视化库。无论如何,你得看看它的网站,在页面上方的大图上晃几下鼠标,然后再看看它的演示。Sigma.js 很漂亮,速度也快,同样使用canvas。
地址:http://sigmajs.org/。
我们要区分一下地图(全部内容都是地图)和地图映射(包括地理位置数据或地理数据,比如传统的地图)。D3 本身也有很多地图映射功能,但下面这些工具最好你也了解一下。
4.3 地图映射
我们要区分一下地图(全部内容都是地图)和地图映射(包括地理位置数据或地理数据,比如传统的地图)。D3 本身也有很多地图映射功能,但下面这些工具最好你也了解一下。
4.3.1 Kartograph
Gregor Aisch 开发的一个基于JavaScript 和Python 的非常炫的、完全使用矢量的库,它的演示是必看的。最好现在就去看一看。保证你从来没见过这么漂亮的在线地图。Kartograph 支持IE7 及更新版本。
地址:http://kartograph.org/。
4.3.2 Leaflet
贴片地图的库,可以在桌面和移动设备上流畅地交互。它支持在地图贴片上显示一些SVG 数据层。(参见Mike 的演示"Using D3 with Leaflet":http://bost. ocks.org/mike/leaflet/。) Leaflet 支持IE6(勉强)或IE7(好得多),当然还有其他更新版本的浏览器。
4.3.2 Leaflet
贴片地图的库,可以在桌面和移动设备上流畅地交互。它支持在地图贴片上显示一些SVG 数据层。(参见Mike 的演示"Using D3 with Leaflet":http://bost. ocks.org/mike/leaflet/。) Leaflet 支持IE6(勉强)或IE7(好得多),当然还有其他更新版本的浏览器。
地址:http://leafletjs.com/。
4.3.3 Modest Maps
作为贴片地图库中的老爷爷,Modest Maps 已经被Polymaps 取代了,但很多人还是喜欢它,因为它体积小巧,又支持IE 和其他浏览器的老版本。Modest Maps 有很多版本, 包括ActionScript、Processing、Python、PHP、Cinder、openFrameworks…… 总之,它属于老当益壮那种。
4.3.3 Modest Maps
作为贴片地图库中的老爷爷,Modest Maps 已经被Polymaps 取代了,但很多人还是喜欢它,因为它体积小巧,又支持IE 和其他浏览器的老版本。Modest Maps 有很多版本, 包括ActionScript、Processing、Python、PHP、Cinder、openFrameworks…… 总之,它属于老当益壮那种。
地址:http://modestmaps.com/。
4.3.4 Polymaps
显示贴片地图的库,在贴片上可以叠加数据层。Polymaps 依赖于SVG,因此在较新的浏览器中表现很好。
4.3.4 Polymaps
显示贴片地图的库,在贴片上可以叠加数据层。Polymaps 依赖于SVG,因此在较新的浏览器中表现很好。
地址:http://polymaps.org/。
以下工具跟D3 有些类似,都提供了绘制图形的方法,但没有预定义的模板。如果你愿意从头开始,希望得到更大的自由度,可能会对它们感兴趣。
4.4 较原始的方案
以下工具跟D3 有些类似,都提供了绘制图形的方法,但没有预定义的模板。如果你愿意从头开始,希望得到更大的自由度,可能会对它们感兴趣。
4.4.1 Processing.js
Processing 的原生JavaScript 实现,是新接触编程的艺术家和设计师的梦幻式编程语言。Processing 是Java 写的,因此Processing 草图要在网页中显示通常要靠Java 小程序。有了Processing.js,常规的Processing 代码就可以在浏览器中直接运行了。由于使用canvas, 所以只适合现代的浏览器。
地址:http:// processingjs.org/。
在canavs 上渲染矢量图形的框架。同样,它的网站也堪称互联网上最漂亮的网站之一,它们的演示做得让人难以置信。(现在就去欣赏一下吧。)
4.4.2 Paper.js
在canavs 上渲染矢量图形的框架。同样,它的网站也堪称互联网上最漂亮的网站之一,它们的演示做得让人难以置信。(现在就去欣赏一下吧。)
地址:http://raphaeljs.com/。
说来也怪,D3 不擅长3D,因为浏览器从一开始就是二维的东西。但随着它对WebGL 的支持越来越完善,在网页中显示3D 图形也会渐渐成为一种趋势。
专注于3D 可视化的一个WebGL 框架。
4.5 三维图形
说来也怪,D3 不擅长3D,因为浏览器从一开始就是二维的东西。但随着它对WebGL 的支持越来越完善,在网页中显示3D 图形也会渐渐成为一种趋势。
4.5.1 PhiloGL
专注于3D 可视化的一个WebGL 框架。
地址:http://www.senchalabs.org/philogl/。
地址:http://mrdoob.github.com/three.js/。
如果你使用D3,但又不想写代码,可以考虑下面这些基于D3 的工具。
4.6 基于D3的工具
如果你使用D3,但又不想写代码,可以考虑下面这些基于D3 的工具。
4.6.1 Crossfilter
一个可以操作大型、多元数据集的库,主要作者是Mike Bostock。非常适合把你的" 大数据" 塞到相对小的浏览器里。
地址:http://square.github.com/ crossfilter/。
4.6.2 Cubism
时间序列数据可视化的D3 插件,也是Mike Bostock 写的。(我非常喜欢其中的演示。)
地址: https://dashku.com/。
这里的"dc"是dimensional charting(维度图表)的简写,因为这个库是专门为探索大型、多维数据集而进行优化的。地址:http://nickqizhu.github.com/dc.js/。
可重用的D3 图表。NVD3 提供了很多漂亮的示例,不用像在D3 里那样编写代码就可以定制很多效果。地址:http://nvd3.org/。
4.6.4 dc.js
这里的"dc"是dimensional charting(维度图表)的简写,因为这个库是专门为探索大型、多维数据集而进行优化的。地址:http://nickqizhu.github.com/dc.js/。
4.6.5 NVD3
可重用的D3 图表。NVD3 提供了很多漂亮的示例,不用像在D3 里那样编写代码就可以定制很多效果。地址:http://nvd3.org/。
4.6.6 Polychart.js
更多可重用的图表,可选择的图表类型非常之多。Polychart.js 只对非商业用途免费。
地址:http://tributary.io/。
6 D3示例网址(1897个)
- 401k Fees Vary Widely for Similar Companies
- 512 Paths to the White House
- 7th Grade Graphs with D3
- 9-Patch Quilt Generator
- A Bar Chart
- A Bar Chart, Part 1
- A Bar Chart, Part 2
- A Chicago Divided by Killings
- A Christmas Carol
- A CoffeeScript console for d3.js visualization
- A fun, difficult introduction to d3
- A JSNetworkX example
- A KoExtensions example: #d3js KnockoutJS, RavenDB, WebAPI, Bootstrap
- A line chart plotting unit sales, colored by price for d3 data visualisations
- A map of translations of Othello into German
- A marimekko chart showing SKUs grouped by owner and brand.
- A matrix chart where each point is replaced with a marimekko
- A Migration of Unmarried Men
- A physics model of a physics model
- A Race to Entitlement
- A Radius Follows the Mouse
- A sea of tweets: what are italians saying about the election
- A simpler variation of Kepler’s Tally
- A Slice of Canadian Life
- A sprintf-like function using d3,js
- A statistical model for blood pressure in patients with hypertension
- A Visit From The Goon Squad - Interactive Character Map
- Abusing The Force Talk
- AC Milan vs Juventus
- Across U.S. Companies, Tax Rates Vary Greatly
- Adaptive Resampling
- Adaptive Resampling
- Addepar
- Advanced object constancy
- Advanced visualizations with D3.js and Kartograph
- Adventures in D3
- AFL Brownlow Medalists
- Aid Explorer
- Air pollution
- Airbnb vs Hotels: A Price Comparison
- Airocean World (Dymaxion) map
- Airy’s Minimum Error
- Airy’s Minimum Error
- Aitoff
- Aitoff Graticule
- Alaska Albers
- Albers Equal-Area Conic
- Albers Projection
- Albers Siberia
- Albers Tiles
- Albers USA
- Albers USA Projection
- Albers with Resampling
- Albers without Resampling
- AlbersUSA + PR
- All the Medalists: Men's 100-Meter Freestyle
- Alpha-shapes aka concave hulls
- Alternative D3.js documentation
- American Forces in Afghanistan and Iraq
- Among the Oscar Contenders, a Host of Connections
- An inlet to Tributary
- An introduction to d3.js video with synced visualisation
- An overview of the Hong Kong budget in 2013-14
- Analog clock
- Andrew Berls, Visualizing your bash history with d3.js
- Angel List compensation scatterplot
- AngularJS + D3.js = Radian
- Animated Bézier Curves
- Animated Bubble Chart of Gates Educational Donations
- Animated bubble charts for school data analysis
- Animated Clipped textPath
- Animated Quasicrystals
- Animated Sankey (alluvial) diagram
- Animated Spirographs
- Animated textPath
- Animated Trigonometry
- Antimeridian Cutting
- Antipodes
- antulik's Gists
- Apollonian Gasket
- Apple logo with gradient
- Arc Deduplication
- Arc Tween (Clock)
- Arc Tween Commented Example
- Arcs Around
- Area Chart
- Area chart
- Area Choropleth
- Area Transition
- Area with Missing Data
- Argentina Census
- Arlington Visual Budget
- Armadillo Projection
- Array Subclassing Test
- Arrows are Beautiful
- Article-Level Metrics over time
- Asia Lambert Conic Conformal
- At the Democratic Convention the Words Being Used
- At the National Conventions the Words They Used
- Atlantis
- Atlas zur Landtagswahl Bayern 2013
- AttrTween, Transitions and MV* in Reusable D3
- Audio Spectrum Analyzer
- August Projection
- Autofocus
- Automatic floating labels using d3 force-layout
- Automatically sizing text
- Axis Component
- Axis Examples
- Axis Styling
- Azimuthal Equidistant
- Azimuthal Equidistant
- Azimuthal Projections
- Baby Names in England & Wales
- Backbone-D3: Simple visualisations of Backbone collections via D3.js
- Baker Dinomic
- bar + sum: d3.js & angular.js
- bar + sum: d3.js & backbone.js
- bar + sum: d3.js & ember.js
- bar + sum: reusable d3.js
- bar + sum: vanilla d3.js
- Bar Chart
- Bar chart code generator and online editor
- Bar Chart with Negative Values
- barStack (flex layout)
- Bart particles
- Base64.js
- Baseball 2012 Predictions based on past 6 years
- Basic Gantt Chart
- Basic Reusable Slopegraph
- Bathymetry of Lake Michigan
- Bay Area d3 User Group
- Bay Area earthquake responses by zip code
- BBEdit Preferences
- Bearcart
- Beautiful Spiral Things
- Beautiful visualizations with D3.js
- Beer taxes in your state - CNNMoney
- Beeswarm plot
- Behind the Australian Financial Review’s Budget Explorer
- Berghaus Star Projection
- Better force layout node selection
- Bharat Bhole
- Bibly v2: Visualizing word distribution within the KJV bible
- Bieber Fever Meter with HTML5 Web Socket d3.js and Pusher
- Big Money in Tax Breaks
- Biham-Middleton-Levine Traffic Model
- Bilevel Partition
- Binify + D3 = Gorgeous honeycomb maps
- Binned Line Chart
- BioVis Project: Identification of Mutations that Affect Protein Function
- BIS Derivative Data
- Bitdeli: Custom analytics with Python and GitHub
- Bitly link Co-occurrence
- Bivariate Area Chart
- Bivariate Hexbin Map
- Blobular
- Blocky Counties
- Blocky Counties
- Bloom Filters
- Blur/fade effect
- Boeing 777 Descent Profiles, SFO
- Boggs Eumorphic
- Bonne Projection
- Boomstick motion
- Boomstick motion coffee
- Boston d3.js User Group
- Boulder County Wildfires
- Bounded Force Layout
- Box Plots
- Bracket Layout
- Briesemeister
- Bromley
- Browser usage plurality
- Brush
- Brush Handles
- Brush Snapping
- Brush Snapping II
- Brush Transitions
- Brushable Network
- Brushable Network, II
- Bubble Chart
- Bubble My Page Visualization
- Bubbles
- Bubbles generator using a simplex noise
- Build world clocks
- Build Your Own Graph!
- Building a lightweight, flexible D3.js dashboard
- Building a tree diagram
- Building a UML editor in JS
- BulleT (a variant of mbostock's Bullet Charts)
- Bullet chart variant
- Bullet Charts
- Bump Chart with rCharts and Rickshaw
- Caged/d3-tip
- Calculating quadtree bounding boxes and displaying them in leaflet
- Calendar View
- Calendar View
- California Population Density
- Calkin-Wilf Tree
- Calroc
- Calroc: Web as Theater
- Can people localize sounds with one functional ear?
- Can't we all get along?
- Can't we all get along?
- Candlestick charts
- Canvas Geometric Zooming
- Canvas Semantic Zooming
- Canvas Swarm
- Canvas with d3 and Underscore
- Capturing Listeners
- Capturing Mousemove
- Caravaggio’s Bacco (1597)
- Carotid-Kundalini Fractal Explorer
- Carotid-Kundalini Fractal Explorer
- CartoDB + D3 Bubble Map
- CartoDB makes D3 maps a breeze
- Cartogram.js: Continuous Area Cartograms
- Case-Sensitivity and SVG-in-HTML
- Cassini
- Cellular automata
- Cellular automata
- Central Limit Theorem Visualized in D3
- CFCLTWiki
- Chained Transitions
- Chained Transitions
- Chamberlin Trimetric
- Changes in Employment and Salary by Industry
- Chart Wheel Visualization
- Chart.io: The Easiest Business Dashboard You'll Ever Use
- Chartbuilder
- Chernoff faces
- Chernoff faces Fisheye Geodesic grid Hive plot Horizon chart Sankey diagram
- Chicago Lobbyists
- Chicago Ward Remap Outlines
- CHIPMOD
- Chord Diagram
- Chord diagram with Dex
- Chord Diagram: Dependencies Between Classes
- Chord diagram: Fade on Hover
- Chord diagram: Updating data
- Chord Layout Transitions
- Choropleth
- Choropleth classification systems
- Choropleth with interactive parameters for NYC data visualization
- Christchurch Earthquakes
- christophermanning’s bl.ocks
- Chroma + Phi (ϕ)
- Chrome Circle Precision Bug
- Chrome Circle Precision Bug
- Circle Packing
- Circle Packing with Zero Values
- Circle Packing Zero Values
- Circle-bound D3 force layout
- Circle-Circle Intersection
- Circle-Polygon Intersection
- Circles
- Circular heat chart
- Circular key scale
- Circular Layout
- Circular Layout (Arc)
- Circular Layout (Recursive)
- Circular Layout (Slider)
- Circular Segment
- Circular tree comparing the src directory for three versions of d3
- Classements par étape - Tour de France 2012
- Clean Up for Natural Earth GeoJSON
- click-to-center
- click-to-center via transform
- click-to-zoom via transform
- Click-to-Zoom via Transform
- Clickme: Render JavaScript visualizations using R objects
- Clinical trials in Multiple Sclerosis
- Close Votes - visualizing voting similarities for the Dutch 2012 national elections
- Closest Point to Segment
- Cluster Dendrogram
- Cluster Dendrogram
- Clustered Force Layout
- Clustered Force Layout
- Co-Authors Chords
- CodeFlower Source code visualization
- CoderDojo - Intro to D3.js
- Coffee Flavour Wheel
- Collapsible Force Layout
- Collapsible Force Layout
- Collapsible Force Layout
- Collapsible Indented Tree
- Collapsible tree
- Collapsible Tree
- Collapsible Tree Layout
- Collapsible tree with labels
- Collatz Graph: All Numbers Lead to One
- Collective.js.d3 Integrates D3.js in Plone
- Collider - a d3.js game
- Collignon Projection
- Collision Detection
- Collision Detection
- Collision Detection (Canvas)
- Collpase/expand nodes of a tree
- Collusion FireFox Addon
- Colony - Visualising Javascript projects and their dependencies
- Color Brewer
- Color scheme sunburst
- Color via Clipping
- Color: a color matching game
- Combinatorial Necklaces and Bracelets
- Combining D3 and Ember to Build Interactive Maps
- Comic Book Narrative Charts
- Commented bar chart code
- Comparing the same surveys by different polling organizations (polish)
- Comparison of MS trials baseline characteristics
- Complete Graphs
- Composite Map Projection
- Composition of Church Membership by State: 1890
- Computationally Endowed
- Concentric Circles Emanating
- Concurrent Transitions
- Concurrent Transitions II
- Confidence interval in poll surveys
- Congressional Network Analysis
- Connections in time
- Constrained Zoom
- Constraint relaxation 1
- Constraint relaxation 2
- Contextual Pie Menu in AngularJS
- Contour Plot
- Converting dynamic SVG to PNG with node.js, d3 and Imagemagick
- Convex Hull
- Conway's Game of life as a scrolling background (broken link)
- Conway's game of life in D3.js
- Conway's game of life with JS and D3.js
- Coordinated visualizations for Consumer Packaged Goods
- Coordinated Visualizations: An introduction to crossfilter.js
- Copper: Wrapper around python packages with D3.js viz
- Cost of living
- Cost of Living - Parallel Coordinates
- Costa Rica shaded relief
- Counting Weekdays
- Countries and Capitals with D3 and Natural Earth
- County Circles
- CPI Interactive index, with Angular.js, bootstrap and d3.js
- Craig Retroazimuthal
- Craig Retroazimuthal
- Craster Parabolic
- Crayola Colour Chronology
- Create a JavaScript bar chart with D3
- Create any map of the world in SVG
- Creating a Polar Area Diagram
- Creating Animated Bubble Charts in D3
- Creating Animations and Transitions With D3
- Creating Basic Charts using d3.js
- Creating Reusable D3, MVC, and Events
- Creating Thumbnails with GraphicsMagick
- Crime in Mexico
- Cross-linked Mouseover
- Crossfilter.js
- CS6964: Information Visualization
- CSS3 Modal Button
- CSSdeck: Repulsion example
- CSSOM/SVG Test
- CSV Syntax Definition
- Cube Metrics Client (Node.js + WebSockets)
- Cube Realtime Map
- Cube: Time Series Data Collection & Analysis
- CubicHamiltonianGraphs
- Cubism.js: Time Series Visualization
- Current Article Popularity Trends on Hacker News
- Current rainfall, weather and buoy information for Ventura County and nearby counties
- Curved Links
- Curved textPath
- Custom Axis
- Custom Cartesian Projection
- Custom Easing
- Custom Path and Area Generator
- Custom Projection
- Custom Time Format
- Cylindrical Equal-Area
- D#.js and Hawaii Open Data
- D3 and Custom Data Attributes
- D3 and the Power of Projections : MapBrief
- D3 and WordPress
- D3 Arc Diagram
- D3 Bookmarklet
- D3 Chart Builder
- D3 concept browser
- D3 Conceptually
- D3 Dorling cartogram with rectangular states
- D3 examples
- D3 Examples on Heroku
- D3 flights
- D3 for Mere Mortals
- D3 GeoJSON and TopoJSON Online Renderer with Drag and Drop
- D3 graph plugin
- D3 graphics in a Pergola SVG UI
- D3 heatmap using Backbone.js and CoffeeScript
- D3 Hello World
- D3 js slides
- D3 line chart for Angularjs
- D3 linked view with a hexagonal cartogram
- d3 meta-visualization
- D3 node focus
- d3 O'Clock: Building a Virtual Analog Clock with d3.js, Part I
- d3 pie plugin
- D3 PJAX
- d3 rendered with RaphaelJS for IE Compatibility
- D3 selection transform syntax
- d3 several time scales
- D3 Show Reel
- D3 Slopegraph I
- D3 Slopegraph II
- D3 tag at Empire5
- D3 tag at Exploring Data
- D3 Treemap with Title Headers
- D3 Tutorials
- D3 Waveform Live demo
- D3 with HTML: divs as datavis
- d3 workshop
- D3 Workshop Slides
- D3 World Maps: Tooltips, Zooming, and Queue
- D3-Builder
- d3-comparator: sort arrays of objects by multiple dimensions
- D3-curvy/
- D3-plugins
- D3-tip on a bar chart
- D3-tree
- d3-tree-heatmap
- D3, Conceptually
- D3: Data-Driven Documents
- d3.bayarea( ) Celebrating 1024 members!
- d3.chart Choropleths
- d3.chart.tooltips
- d3.create + selection.adopt
- d3.geo.path + Canvas
- d3.geo.tile
- d3.geo.tile
- d3.geo.tiler
- D3.java script by Vienno - Keenjar
- D3.js and a little bit of ClosureScript
- D3.js and Excel
- D3.js and GWT proof-of-concept
- D3.js and Meteor to generate SVG
- D3.js and MongoDB
- D3.js and vega.js plots in the IP notebook
- D3.js and X-Requested-With Header
- D3.js crash course
- D3.js Docco documentation
- D3.js Documentation Generator for Dash and HTML
- D3.js experiments in the console
- d3.js for Attacker Reports
- D3.js force diagram from Excel
- D3.js force diagrams straight from Excel
- D3.js force diagrams with markers straight from Excel
- D3.js Geo fun
- D3.js graphs for RHQ
- D3.js Lessons: Create a Basic Column Chart
- D3.js Meta Tutorial
- D3.js nested data
- d3.js on Veengle
- D3.js playground
- D3.js Playground
- D3.js Premiership Season
- D3.js Presentation
- D3.js Slider Examples
- D3.js Sublime2 snippets
- D3.js tag at Frakturmedia
- d3.js tag at Monkeyologist
- D3.js tag on The JavaDude Weblog
- D3.js talk at Github
- D3.js talk from Iowa City Feb 2013 Iowa JS Meetup
- D3.js Tips and Tricks
- D3.js tree with drag nea logic
- D3.js tutorial on CodeAcademy
- d3.js video tutorial
- D3.js, elasticsearch, bordeaux open data
- D3.js,Data Visualisation in the Browser
- D3.js: Data-Driven Delight
- d3.micromaps
- d3.nest
- d3.phylogram
- d3.sticker plugin
- d3.time.format localization
- d3.time.scale nice
- d3.tsv
- d34raphael
- D3py
- DAG as force graph
- Dagre: Directed graph rendering
- Daily data return rates for seismic networks in the EarthScope USArray
- Dance.js: D3 with Backbone and Data.js
- Dangle
- Dashifyr
- Dat achart plugin
- Data Science Venn Diagram
- Data Stories #22: NYT Graphics and D3
- Data Story
- Data Visualization at MinnPost
- Data Visualization Libraries Based on D3.JS
- Data Visualization Using D3.js
- Data visualization with D3.js and python
- Data Visualization with D3.js, slides and video
- Data-Driven Documents, Defined, Resources, Data Driven Journalism
- Datadog
- DataFart
- Dataflow programming with D3 and Blockly
- DataMaps: Interactive maps for data visualizations.
- Datameer Smart Analytics
- Datawrapper: An open source tool to create embeddable charts
- Date Ticks
- DavaViz for Everyone: Responsive Maps With D3
- David Foster Wallace's 'Infinite Jest'
- DC Code Browser
- DC government
- Dc.js NASDAQ demo
- De Maastricht au traité budgétaire : les oui et les non de 39 personnalités politiques
- Deadly Tornado Outbreak - April 25-28, 2011
- Decomposing an image from canvas to SVG
- Delaunay Triangulation
- Delta-flora for IntelliJ analyze project source code history
- Dendrogram
- Density map of homicides in Monterrey
- Dependo: force directed graph of JavaScript dependencies
- Description: A little language for d3js
- Design process of The Electoral Map
- Designing a Reusable Line Chart in D3JS
- Detecting Duplicates in O(1) Space and O(n) Time
- Dex Motion Chart Demo
- DexCharts: A new reusable charting library for D3.js
- Diagram of Patients and Symptoms
- Dial examples
- Difference Chart
- Dimensional Changes in Wood
- Dimple Pong
- Dimple.js: An oo API for business analytics powered by d3.
- Directed Graph Editor
- Directly render and serve d3 visualizations from a nodejs server.
- Disc
- Dispatching Events
- Dissecting a Trailer: The Parts of the Film That Make the Cut
- Distances from North Korea
- DOM-to-Canvas using D3
- Donut Chart
- Donut Multiples
- Donut Transitions
- Dorling World Map
- Dot Append video tutorials
- Dot Enter video tutorials
- Dot enter( ) stage left
- Dot plot with jittering
- Dots
- Downton Ipsum ~ A Downton Abbey-inspired lorem ipsum text generator
- Drag + Zoom
- Drag and Drop Container Divs
- Drag and resize a D3.js chart with JqueryUI
- Drag Multiples
- Drag rectangle
- Draggable Network
- Draggable Network, II
- Draw tangent on a line on mouseover
- Drawing Chemical Structures with Force Layout
- Drawing Hexagon Mesh with contour using TopoJSON
- Driving from Thailand to the Netherlands
- Drop shadow example
- Drought and Deluge in the Lower 48
- Drought during Month
- Drought Extends Crops Wither
- DRY Bar Chart
- Dual scale line chart
- DViz: a declarative data visualization library
- Dymo
- Dynamic Distance Cartogram for ORBIS
- Dynamic Simplification
- Dynamic Simplification II
- Dynamic Simplification III
- Dynamic Visualization LEGO
- Dynamic-Graphs: charting lib for real-time data
- Dynamics of Swedish politics
- Easy infographics with D3.js
- Eckert I Projection
- Eckert II Projection
- Eckert III Projection
- Eckert IV Projection
- Eckert V Projection
- Eckert VI Projection
- Eckert–Greifendorff
- eCommerce API Wheel for eBay
- Economic performance of the Amsterdam Metro Area by sector and year
- Edge labels
- Eisenlohr Projection
- El Patrón de los Números Primos
- Elastic collisions
- Elbow Dendrogram
- Elbow Dendrogram
- Election 2012 Social Dashboard (interactive Twitter visualization)
- Electro 2013: The magnetic force between political candidates and objectives
- Elezioni 2013 - I risultati del voto per la Camera dei deputati
- Embed D3.js Animations in Slidify
- Embedly Blog, Visualizing discussions on Reddit with a D3 network and Embedly
- Ember Table
- Ember Timetree
- English Football Tickets: Value For Money
- Enumerating vertex induced connected subgraphs
- Epicyclic Gearing
- Epicyclical Gears
- EPSG:2163 Coordinates
- Equidistant Conic Projection
- Equirectangular (Plate Carrée)
- Error bars reusable component
- Eurozone crisis: more than debt
- Events in the Game of Thrones
- Every ColorBrewer Scale
- Every known drone strike and victim in Pakistan
- Example of interactive MDS visualisation
- Example of map with routes in Gunma
- Exit, Update, Enter
- Exit, Update, Enter II
- Exoplanets
- Exoplanets: an interactive version of XKCD 1071
- Expandable Menu
- Exploration of the Google PageRank Algorithm
- Explore Analytics: cloud-based data analytics and visualization
- Exploring d3.js with data from my runs to plot my heart rate
- Exploring Health Care Cost and Quality
- Exploring Reusability with D3.js
- Explosions
- Export to SVG/PNG/PDF server-side using Perl
- Extending the D3 Zoomable Sunburst with Labels
- Extent Ticks
- External SVG
- Extradition Treaties
- Eyedropper
- F1 Championship Points as a d3.js Powered Sankey Diagram
- Facebook Mutual Friends
- Facebook Open Graph with Angular
- Faces
- Factorisation Diagrams
- Fahey
- Fahrradunfälle in Deutschland
- Fancy Markers
- Fancy Markers (No Gradient)
- Farid Rener CV
- Fast Multidimensional Filtering for Coordinated Views
- Fast Pointing
- Faster pan/zoom on big TopoJSON of Iceland
- Faux-3D Arcs
- Faux-3d Shaded Globe
- Feltronifier
- Fill-Rule Evenodd
- Filling Geometric Objects
- Financial visualization of top tech companies
- Fineo: an app based on Sankey diagrams
- Finite State Stream
- First steps in data visualisation using d3.js
- Fisheye Distortion
- Fisheye Grid
- Fixed-width Histogram of Durations log-normal distribution
- Flat-Polar Parabolic
- Flat-Polar Quartic
- Flat-Polar Sinusoidal
- Floating Landmasses
- Floor Plan Map
- Flow - Straight, Arrows
- Flows of refugees between the world countries in 2008
- Focus+Context via Brushing
- Focusable Maps
- Football passes
- For Example
- For Protovis Users
- Force Editor + Pan/Zoom
- Force Layout & Matrix Market Format
- Force layout big
- Force Layout from Adjacency List
- Force Layout from CSV
- Force Layout from List
- Force layout graph with colour-coded node neighbours
- Force Layout Multiples (Independent)
- Force layout on composite objects
- Force Layout with Canvas
- Force Layout with Mouseover Labels
- Force Layout with Tooltips
- Force-Based Label Placement
- Force-based label placement
- Force-Directed Graph
- Force-Directed Graph
- Force-Directed Graph with Mouseover
- Force-Directed Graphs: Playing around with D3.js
- Force-Directed Layout from XML
- Force-directed layout with drag and drop
- Force-directed layout with interactive Construction
- Force-directed layout with multi Foci and Convex Hulls
- Force-directed layout with multiple Foci
- Force-directed lollipop chart
- Force-Directed Parallel Coordinates
- Force-directed Splitting
- Force-Directed States
- Force-Directed States of America
- Force-Directed SVG Icons
- Force-Directed Symbols
- Force-Directed Tree
- ForceEdgeBundling on US airline routes
- ForceLayoutEditor
- Forecast of Mexican 2012 presidential election
- Foreign aid, corruption and internet use
- Formula 1 Lap Chart
- Forrst, Visualizing US Foreign Aid with D3.js
- Foucaut’s Stereographic Equivalent
- Four Ways to Slice Obama's 2013 Budget Proposal
- France - Data Explorer
- From Random Polygon to Ellipse
- From tree to cluster and radial projection
- Fuzzy Counties
- Fuzzy Link-Bot
- G3plot-1
- Gall Stereographic
- Gall–Peters
- Game of life
- GAMEPREZ Developer Kit
- Gantt Chart plugin
- Gantt Chart, example 3
- Gauge
- Gaussian Primes
- General Update Pattern, I
- General Update Pattern, II
- General Update Pattern, III
- GeoDash
- Geodesic Grid
- Geodesic Rainbow
- Geographic Bounding Boxes
- Geographic Clipping
- GeoJOIN
- GeoJSON Transforms
- Geometry daily #129
- GeoMobilité - Application cartographique de la mobilité
- Get dirty with data using d3.js
- getBBox
- Getting Started with D3
- ggplot2 + d3 = r2d3
- ggplot2-Style Axis
- Ginzburg IV
- Ginzburg IX
- Ginzburg V
- Ginzburg VI
- Ginzburg VIII
- Giraffe : A Graphite Dashboard with a long neck
- Girko's Circular Law
- Girls Lead in Science Exam, but Not in the United States
- Gist API Latency
- Git-backed Node Blob Server
- GitHub visualization
- Github Visualizer
- gka’s blocks
- Glimpse.js: a new chart library on top of D3.js
- Global Oil Production & Consumption since 1965
- Global Surface Temperature: 500 ... 2009
- Glucose heatmap over hours of day
- Glucose with panning
- Gnomonic
- Gnomonic Butterfly
- Goode Homolosine
- Google calendar like display
- Google Flu Trends
- Google Hurdles
- Google Maps + D3
- GOV.UK's web traffic
- Gradient Along Stroke
- Gradient Bump
- Gradient Encoding
- Graph diagram of gene ontology
- Graph of my current interests and aspirations
- Graph Rollup
- Graphicbaseball: 2012 Batters
- Graphicbaseball: 2012 Pitchers
- Graphs
- Gravity balls
- Gray Earth
- Great Arc
- Great Circle Arc Intersections
- Great-Circle Distance
- Grid layout
- Gringorten Equal-Area
- Grouped Bar Chart
- Grouped Bar Chart
- GSA-Leased Opportunity Dashboard
- Gun homicides in America 2010
- Gun ownership versus gun violence
- Guts of EnergyPlus Source Code Visualized with d3.js
- Guyou Projection
- Hacker News statistics using PhantomJS
- Hacker Notes, d3 tag
- Hamiltonian Graph
- Hammer
- Hammer Retroazimuthal
- Hamming Quilt
- Haphazard collection of examples for a book
- HarvardX Research: worldwide student enrollment
- Hashing Points
- Hata's tree-like set (with slider)
- Hatnote Listen to Wikipedia
- HEALPix
- Health and Wealth of Nations
- Healthvis R package – one line D3 graphics with R
- Heatmap
- Heatmap and 2D Histogram
- Heatmap of gene expression with hierarchical clustering
- Heatmap with Canvas
- Heavily annotated scatterplot
- Hedonometer: Daily Happiness Averages for Twitter
- Heightmap
- Hell is Other People: Scott Made This
- herrstucki on bl.ocks
- Hexagonal Binning
- Hexagonal Binning (Area)
- Hexagonal cartogram of Asian economies and potential shifts in manufacturing
- Hexagonal Grids
- Hexbin Edits on OpenStreetMap
- Hierarchical Bar Chart
- Hierarchical Bars
- Hierarchical classification
- Hierarchical Edge Bundling
- Hierarchical Edge Bundling
- Hierarchical Edge Bundling
- Hierarchical Edge Bundling
- Hilbert Curve
- Hilbert Stocks
- Hilbert Tiles
- Hill Eucyclic
- Histogram
- Histogram
- Histogram (Redirect)
- Histogram Chart
- History of the WWE Title
- Hive Plot
- Hive Plot (Areas)
- Hive Plot (Links)
- Hive Plot for Student Systems
- Hobo–Dyer
- Home energy consumption
- Horizon Chart
- Horse Exports/Imports in the EU
- Hotspots
- House Hunting All Day, Every Day - Trulia Insights
- How does Quartz create visualizations so quickly on breaking news?
- How educated are world leaders?
- How Obama Won Re-election
- How selectAll Works
- How Selections Work
- How the Chicago Public School District Compares
- How to Animate Transitions Between Multiple Charts
- How to convert to D3js JSON format
- How to design a dashboard using d3.js
- How to Embed Open Spending Visualizations
- How to get a significant correlation value by moving just one point around
- How to Make an Interactive Network Visualization
- How to Make Choropleth Maps in D3
- How to visualise funnel data from Google Analytics
- HTML Overlay with pageX / pageY
- HTML5 input type nodes
- http://nowherenearithaca.blogspot.com/2012/06/annotating-d3-example-with-docco.html
- Hypercube Edges in Orthogonal Projection
- Hypercube with Parallel Coordinates
- Iceland Topography
- Icelandic population pyramid
- Icequake
- Icicle
- Icosahedron
- Icosahedron
- iD Architecture: Map Rendering and Other UI
- iD: a friendly editor for OpenStreetMap
- IDH des communes du Nord-Pas de Calais.
- iLearning - D3.js Basic for iPad
- Image Markers
- Image Processing
- Image tiles with float: left
- Immersion: a people-centric view of your email life
- Income diff. between male and female dominated occupations 1
- Income diff. between male and female dominated occupations 2
- Increased Border Enforcement, With Varying Results
- Increased Border Enforcement, With Varying Results - Interactive Graphic - NYTimes.com
- Indented tree layout
- Indian Village Components
- Indo-Europeans
- Inequality and NY Subway
- Inequality in America
- Infinite Plasma Fractal
- Infro
- Infro.js: Filtering Tabular Data
- Infro.js: Nutrient Dataset
- Inkscape-s3-server
- Input Value Interpolation
- Inspired by geometry daily
- Instant interactive visualization with d3 + ggplot2
- Integrating D3 with a CouchDB database 1
- Integrating D3 with a CouchDB database 2
- Integrating D3 with a CouchDB database 3
- Integrating D3 with a CouchDB database 4
- Interactive azimuthal projection simulating a 3D earth with stars
- Interactive Data Visualization for the Web
- Interactive Data Visualization for the Web: read online
- Interactive Gnomonic
- Interactive Line Graph
- Interactive Line Graph
- Interactive MDS visualisation
- Interactive Orthographic
- Interactive Publication History
- Interactive Stereographic
- Interactive visual breakpoint detection on SegAnnDB
- Interpolating with d3.tween
- Interrupted Boggs Eumorphic
- Interrupted Goode Homolosine
- Interrupted Goode Raster
- Interrupted Mollweide
- Interrupted Sinu-Mollweide
- Interrupted Sinusoidal
- Intro to d3
- Intro to d3 at gaffta
- Introducing Contributions on GitHub
- Introduction
- Introduction to D3
- Introduction to D3
- Introduction to D3.js
- Introduction to d3.js and data-driven visualizations
- Introduction to Network Analysis and Representation
- IPython-Notebook with D3.js
- Irish Horse Breeding Data
- IRL Trnspttr
- Irregular Histogram (Lollipop)
- Is Barack Obama the President? (Balloon charts)
- iTunes Music Library Artist/Genre Graph
- Jan Willem Tulp portfolio
- Japanese Government Bonds Rates
- Japanese Government Bonds Yield Curve
- Javascript and MapReduce
- Javascript Idioms in D3.js
- Jerome Cukier » Selections in d3 – the long story
- Jérôme Cukier portfolio
- JezzBall
- Jim Vallandingham portfolio
- Job Flow
- Jobs by state
- johan’s blocks
- JSNetworkX: A port of the NetworkX graph lib to JS
- Jsplotlib
- Junction Finding
- Just Enough SVG
- K-means
- Kaleidoscope
- Kaprekar Routine
- Kavrayskiy VII Projection
- Kentucky Population Density
- Kentucky Population Density
- Kepler’s Tally of Planets
- Kernel Density Estimation
- Kind of 3D with D3
- Kindred Britain
- Know Huddle - Correlation
- Koalas to the Max!
- L*a*b* and HCL color spaces
- La Nuit Blanche
- Labeled Force Layout
- Labeled Force Layout
- Labeled points
- Labeling in OpenStreetMap's iD Editor
- Lagrange Projection
- Lambert Azimuthal Equal-Area
- Lambert Conformal Conic Projection
- Language Network
- Lantern
- Larrivée Projection
- Laskowski Tri-Optimal
- Last Chart! - See the Music
- Latest Earthquakes
- Lazy Scale Domain
- LDA Topic Arcs: The DaVinci Code
- LDAviz
- Leaflet + D3js: Hexbin
- Leaflet Template
- leaflet.d3
- Leap Motion D3.js Demo
- Leap motion map tests
- Learn how to make Data Visualizations with D3.js
- Learning D3, Speaker Deck
- Left-Aligned Ticks
- Left-Aligned Ticks
- Legend
- Leibniz Spiral
- Lepracursor
- Les Misérables Co-occurrence Matrix
- Let’s Make a Map
- Letter Frequency
- Liberal Revolution of 1820 in Lisbon
- Library for visualizing Go games
- License Usage Dashboard
- Life Expectancy
- Life expectancy 1960-2009 choropleth
- Life expectancy 1960-2009 panel chart
- Life expectancy 1960-2009 slopegraph
- Limaçon as envolve of circles around a circle
- Line Chart
- Line Chart with tooltips
- Line chart with zoom, pan, and axis rescale
- Line Interpolation
- Line Intersection Brushing
- Line Simplification
- Line Tension
- Line Transition
- Line Transition (Broken)
- Linear Gradient
- Linear Programming
- Lines with Rounded Turns
- Linked Jazz network graph
- List of all the Gists from Mike Bostock
- Littrow
- Live coding based on Bret Victor's Inventing on Principle talk
- Loading a thumbnail into Gist for bl.ocks.org d3 graphs
- Loading Adobe Photoshop ASE color palette
- Lobster Catch Analyst
- Log Axis
- Log Axis with Zero
- London D3.js Meetup #2
- London d3.js Meetup #5
- London d3.js User Group
- London Olympics Perceptions - Donuts to Chord Diagram Transition
- Long Scroll
- Lorenz System
- Lorenz Toy
- Loupe
- Loximuthal
- Made with D3.js
- Major League Baseball Home Runs 1995-2010
- Make a bubble chart using d3.js demo
- Making maps with d3.js
- Mandel for Controller Bulldog Budget
- Manipulating data like a boss with d3
- Manual Axis Interpolation
- Map from GeoJSON data with zoom/pan
- Map of all M2.5+ earthquakes of the last 24h.
- Map of COMIPEMS Scores
- Map of Germany using D3.js and Simplify.js
- Map of Italiens
- Map of pro sports teams by territory
- Map Projection Distortions
- Map with faux-3D globe
- Map Zooming
- Map Zooming II
- Map Zooming III
- Mapbox: add vector features to your map with D3
- Mapping Hate Crimes in Iran
- Mapping the Melting Pot
- Mapping Tours with D3 and SeatGeek
- Maps and sound
- Maps Garage: Exploring Map Data with Crossfilter
- Marey’s Trains
- Marey’s Trains II
- Margin Convention
- Marimekko Chart
- Markov processes
- Marmoset chimerism dotplot
- Masking with external svg elements
- MathBox animation vs d3.js enter/exit
- MathJax label
- Matrix Layout
- Maurer No. 73
- Men’s 100m Olympic champions
- Mercator
- Mercator Projection
- Merge Sort
- Merging States
- Merging States II
- Meshu turns your places into beautiful objects.
- Messing around wih D3.js and hierarchical data
- Metaevil
- meteor-deployments
- Metrica
- Metropolitan Unemployment
- Mexican Presidential Election 2012
- mgrafeeds
- Mike Bostock portfolio
- Mike Bostock RSS
- Miller Projection
- Minecraft Overviewer
- Minimalist example of reusable D3.js plugin
- Miniviz
- Minute: record of all of my keystrokes
- Mirrored Easing
- Misc. Examples
- Miscellaneous utilities for D3.js
- Mitchell's Best-Candidate
- Mitchell’s Best-Candidate 1
- Mitchell’s Best-Candidate 2
- Mitchell’s Best-Candidate 3
- MLB Hall of Fame Voting Trajectories
- MN Giving Day 2012
- Mobile Patent Lawsuits
- Mobile Patent Suits
- Modal Logic Playground
- Modifying a Force Layout
- Moiré Patterns
- Molecule
- Mollweide
- Mollweide Hemispheres
- Mollweide Watercolour
- Monday-based Calendar
- Money Wins Elections
- Monotone Interpolation Bug
- Monotone Line Interpolation
- Monte Carlo simulation of bifurcations in the logistic map
- Month Axis
- More Data Visualization Libraries Based on D3.JS
- More Introduction to D3
- Morley's trisector theorem
- Morphogenesis Simulation
- Most simple d3.js stack bar chart from matrix
- Mouseenter
- mousewheel-zoom + click-to-center
- Movie color analysis with XBMC, Boblight, Java and D3.js
- Moving Histogram
- Moving Squares
- Mower game
- Muerte Materna en Argentina
- Multi-Foci Force Layout
- Multi-Foci Force Layout
- Multi-Foci Force Layout
- Multi-Foci Force Layout
- Multi-Series Line Chart
- Multi-series Line Chart with Long Format Data (columns instead of rows)
- Multi-Series Line to Stacked Area Chart Transition
- Multi-Value Maps
- Multiline chart with brushing and mouseover
- Multiline with zoomooz
- Multiple Area charts and a brush tool
- Multiple area charts with d3.js
- Multiple Leap Motions over WebSockets - YouTube
- Multiple Lines grid
- Multiple time-series with object constancy
- Multiple visualization from the Société Typographique de Neuchâtel
- My Force Directed Graph
- Natural Earth
- NCAA 2012 March Madness Power Rankings
- Negative stacked bar chart
- Nell–Hammer Projection
- Nested Selections
- Network of World Merchandise Trade
- Neuroscience and brain stimulation publication counts
- New Jersey Blocks
- New Jersey State Plane
- New York Block Groups
- New Zealand Earthquakes Pattern of Life
- Newton's balls
- Newton's cradle
- NFL salaries by team and position
- Nick Jaffe's Polymap
- No Antimeridian Cutting
- Nodal is a fun way to view your GitHub network graph
- Node + MySQL + JSON
- Node-Link Tree
- Non-contiguous Cartogram
- Non-Contiguous Cartogram
- Non-Contiguous Cartogram
- Non-contiguous cartogram of seats allocated in the canadian House of Commons
- Noob on JSON : Data for d3.js documents
- Normalized Stacked Bar Chart
- Number of heat stroke
- Number of unique rectangle-free 4-colourings for an nxm grid
- Nutrient Database Explorer
- NVD3
- NVD3 for BI
- nvd3.py
- NY Times Strikeouts Graphic, recreated using rCharts and PolychartJS
- NYC Bike Share
- NYC D3.js
- Obesity map
- Object Constancy
- Object constancy with multiple sets of time-series
- OECD Health Government Spending and Obesity Rates (nvd3)
- offsetX / offsetY
- offsetX / offsetY
- Ohio State Plane (N)
- Old Visualizations Made New Again
- Oliver Rolle / Logarithmic Line Chart
- Olympic Medal Rivalry
- OMG Particles!
- One Path for All Links
- One System, Every Kepler Planet
- One-Way Markers
- Open Knowledge Festival Hashtag Graph Visualization
- OpenBudget
- OPHZ Zooming
- ORBIS v2
- Order
- Ordinal Axis
- Ordinal Brushing
- Ordinal Tick Filtering
- Ordinal Tick Filtering
- Orthographic
- Orthographic Clipping
- Orthographic Grid
- Orthographic Projection
- Orthographic Shading
- Orthographic to Equirectangular
- Over the Decades How States Have Shifted
- Pack Test
- Pack Test
- Pair Contribution and Selection
- Pale Dawn
- Pan+Zoom
- Papa
- Parallel Coordinates
- Parallel Coordinates
- Parallel Coordinates
- Parallel Coordinates
- Parallel coordinates with fisheye distortion
- Parallel Lines and Football using Dex and D3.js
- Parallel Sets
- Paris Transilien
- Path and Transform Transitions
- Path from function 2
- Path from function 3
- Path Tween
- path_from_function_2
- Path_from_function_2
- Pedigree Tree
- Peirce Quincuncial
- Percent women in city councils
- Percentile line chart of gene expression microarrays
- Percolation model
- Periodic table
- Periodic table
- Perlin circles
- Perlin Ink
- Perlin Landscape
- Perlin Worms
- Peter Cook Web Developer
- Ph.D. Thesis Progress
- PhD in the Bundestag
- Phylogenetic Tree of Life
- Pictograms
- Pie Chart
- Pie Chart Update I
- Pie Chart Update II
- Pie chart update III
- Pie chart update IV
- Pie Chart Update, III
- Pie Chart Update, IV
- Pie Chart Update, V
- Pie Chart Updating with Text
- Pie Multiples
- Pie Multiples with Nesting
- Pimp my Tribe
- Pixymaps (Dragging)
- Pixymaps (Scrolling)
- Placename patterns
- Places in the Game of Thrones
- Plan du métro interactif
- Plan interactif du métro
- Planarity
- Planck-cl
- Plant Hardiness Zones
- Plot.io (swallowed by Platfora)
- Plotly: create graphics, analyze with Python, annotate and share
- Plotsk: A python/coffeescript/d3.js-based library for plotting data in a web browser
- Población de Argentina, Experimento D3.js
- Poincaré Disc
- Point-Along-Path Interpolation
- Point-Along-Path Interpolation
- Polar Azimuthal Equal-area
- Polar Plot
- PolarClock
- Polls on the 2012 U.S. Election
- Polybrush.js
- Polychart: A browser-based platform for exploring data and creating charts
- Polyconic Projection
- Polygonal Lasso Selection
- Polylinear Time Scale
- Polymaps / Andrew Mager
- Polymaps / Andrew Mager
- Polymaps / Andrew Mager
- Polymaps / Andrew Mager
- Polymaps / Heatmap
- Polymaps / Procedural Perlin
- Polymaps + D3
- Polymaps + D3, Part 2
- Polymaps bad projection example
- polymaps.appspot.com
- Poor Anti-Aliasing in SVG #1
- Poor Anti-Aliasing in SVG #2
- Population Choropleth
- Population of the cantons and of the 10 largest cities of Switzerland
- Population Pyramid
- Portfolio
- Portrait in Chinese ascii: Chris Viau
- Portrait in Chinese ascii: EJFox
- Predsjednik Republike Srpske
- Presentation on Visualizing Data in D3.js and mapping tools at NetTuesday
- Price Changes: animated dimple.js chart
- Profils des cyclistes
- Programmatic Pan+Zoom
- Progress Events
- Project Groups - IS428: Visual Analytics for Business Intelligence
- Project to Bounding Box
- Projected Choropleth
- Projected TopoJSON
- Projection Contexts
- Projection Transitions
- Proof of Pythagoras's Theorem
- Proportion of Foreign Born in Large Cities: 1900
- Prose-only Blocks
- Prototype Chart Template (WIP)
- Prototype: d3.geo
- Protovis / David Karr
- Protovis / Nelson Minar
- Protovis / Quomo Pete
- Pseudo-Demers Cartogram
- Pseudo-Dorling Cartogram
- Psi man
- Public Interest Evaluation Project
- Pushing D3.js commands to the browser from iPython
- Pyramid charts: demographic transition in the US
- Python-NVD3
- Q-Q Plots
- Quadratic Koch Island Simplification
- Quadtree
- Quadtree Madness Round 2
- Quartic Authalic
- Quartile plots
- Quartile plots with outliers
- Queue.js Demo
- Quick Charting with D3js
- Quick scatterplot tutorial for d3.js
- Quicksort
- Radar chart
- Radial Arc Diagram
- Rainbow Colors
- Rainbow showing how to use mask and clipPath
- Rainbow Worm
- Rainbows are Harmful
- Raindrops
- Rainflow
- Random Arboretum
- Random Points on a Sphere
- Random Tree
- Random Walk in Configuration Space
- Raster & Vector Zoom
- Raster Reprojection
- Rbspd3
- rCharts Custom, Cancer, Fantasy Football, and Three Level Mixed Effects Logistic Regression
- rCharts: R interface for NVD3, Polycharts, MorrisJs and soon Rickshaw, DexCharts, Dc.js
- Reactive Charts with D3.js and Reactive.js
- Read File or HTTP
- Real time sales
- Real-time sentiment analysis of Obama 2012 victory speech
- Really cool wordpress theme
- Realtime Visualizations w/ D3 and Backbone
- Realtime webserver stats
- Recettear Item Data
- Rectangular Polyconic
- Rectilinear Grid
- Reddit Insight
- Rega: Experimental Ruby Vega generator
- Reingold–Tilford Tree
- Reingold–Tilford Tree
- Reingold–Tilford Tree (Redirect)
- Relations of football players participating in Euro 2012
- Remittance flows
- Remittances
- Render Geographic Information in 3D With Three.js and D3.js
- Render sever-side using Phantomjs
- Rendering Tests
- Reorderable Stacked Bar Chart
- Replicating a New York Times d3.js Chart with Tableau
- Reports for Simple
- Reprojected Raster Tiles
- Republic of Ireland - Data Explorer
- Resampling Comparison
- Resampling Comparison
- Resizable Force Layout
- Resizable Markers
- Responsive D3
- Responsive SVG resizing without re-rendering
- Responsive TopoJSON Sizing
- Retrofit Analysis Report
- Reusable D3 With The Queen, Prince Charles, a Corgi and Pie Charts
- Reusable D3.js, Part 1: Using AttrTween, Transitions and MV*
- Reusable D3.js, Part 2: Using AttrTween, Transitions and MV*
- Reusable Interdependent Interactive Histograms
- Reusable Pie Charts
- Reusable text rotation
- Reveal animation on a tree with a clip path
- Reverse Geocoding Plug-in using an offline canvas
- Rhodonea Curve
- RHQ - Project Documentation Editor
- Rickshaw: JavaScript toolkit for creating interactive real-time graphs
- Ring Cutting
- Ring Extraction
- Rivers of the U.S.A.
- Robinson Projection
- Romanian parliamentarian bubble chart. In Romanian
- Rotated Axis Labels
- Rotating Cluster Layout
- Rotating Equirectangular
- Rotating Orthographic
- Rotating Orthographic
- Rotating Transverse
- Rotating Transverse Mercator
- Rotating Voronoi
- Rotating Winkel Tripel
- Rounded Rectangle
- Rounded Rectangles
- Route Probability Exploration with Parallel Coordinates
- Running Away Balloons - simple game
- sammyt/see
- San Francisco Contours
- San Francisco Movies (Beta Version)
- Sankey Diagram
- Sankey diagram with cycles
- Sankey diagram with horizontal and vertical node movement
- Sankey Diagram with Overlap
- Sankey diagrams from Excel
- Sankey Diagrams of Local Economic Flows
- Sankey from Excel, inherited cell colors for links
- Sankey Interpolation
- Sankey your Google Spreadsheet Data
- saraquigley bl.ocks
- SAS ANALYSIS
- SAS and D3.js: a macro to draw scatter plot
- SAS and D3.js: map to display US cities murder rates
- Satellite Projection
- Satellite Projection Test
- Satellite Raster
- Scale-Dependent Sampling
- Scatterize
- Scatterplot
- Scatterplot and Heatmap
- Scatterplot for K-Means clustering visualization
- Scatterplot Matrix
- Scatterplot Matrix
- Scatterplot Matrix Brushing
- Scatterplot with Multiple Series
- Scatterplot with Shapes
- Schelling's segregation model
- School Absenteism
- SCION simulation environment
- Scott Murray tutorials in Japanese
- Segmented Lines and Slope Coloring
- Selectable elements
- Selecties EK 2012
- selection.order
- Self-Immolation In Tibet
- Sensitivity/Specificity Plot
- Sequential Tiles
- Series of D3.js video tutorials
- Set Partitions
- Seven years of SSLC in Karnataka
- Shape of My Library — Comics
- Shape Tweening
- Shared Data
- SHEETSEE.JS: Fill up Websites with Stuff from Google Spreasheet
- Shiny and R adaptation of Mike Bostock's d3 Brushable Scatterplot
- Shiny R and D3.js
- Simple Bar Graph in Angular Directive with d3.js and Prototype.js
- Simple D3.js Bar Chart Webcast
- Simple Dashboard Example
- Simple example using Vega, D3, and Jstat
- Simple HTML data tables
- Simple Junctions
- Simple Radar Chart
- Simple Reusable Bar Chart
- Simple scatterplot
- Simple table
- Simple-map-d3
- Simplex Noise Code 39 Barcode
- Simplex Noise Dots
- Simplifying and cleaning Shapefiles.
- Sinu-Mollweide
- Sinusoidal
- Skillpedia: an open encyclopedia for skills
- Sky Open Source, Behavioral Database
- SKYFALL. Meteorite falls map.
- Slippy map + extent indicator
- SlopeGraph
- Slopegraph lines in SVG and Canvas
- Slopegraphs
- Small Multiples
- Small Multiples with Details on Demand
- Smoke charts
- Smooth Scrolling
- SnakeViz: An In-Browser Python Profile Viewer
- Snowden’s Route
- Snowflakes
- Snowflakes with D3
- Social trust vs ease of doing business
- Social web use in 2009
- SOCR Violin Chart
- Solar Terminator
- Solar Terminator
- SOM Animation
- Sortable Bar Chart
- Sortable Bar Chart
- Sortable Table with Bars
- Sorting Visualisations
- Sparkline Directive for Angular with d3.js
- Sparklines
- SPARQLy GUIs: Linked Data and Semantic Web technologies
- Spermatozoa
- Sphere Spirals
- Spherical Mercator
- Spilhaus Maps
- Spinny Globe
- Spiral experiment
- Spiral for John Hunter
- Splay Tree animation with Dart D3.js and local storage
- Spline Editor
- Spline Transition
- Split line game
- Square Circle Spiral Illusion
- Squares ↔ Hexagons
- SRTM Tile Grabber: downloading elevation data
- Stacked and grouped bar chart
- Stacked Area Chart
- Stacked Area via Nest
- Stacked Bar Chart
- Stacked Bar Chart
- Stacked bar chart from a structure description of an R table
- Stacked layout with time axis
- Stacked Radial Area
- Stacked-to-Grouped Bars
- Stacked-to-Multiples
- Stage rankings - Tour de France 2013
- Startseite - NZZ.ch
- Startup Salary & Equity Compensation
- Stat 221
- Stat 221
- Static Force Layout
- SteamGraphs and Dex
- Step by Step-Road Accidents in cities by years 2010
- Steps Walked per Day
- Stereographic
- Sticky Force-Directed Graph
- Stitching States from Counties
- Stowers Group Collaboration Network
- Strange attractor
- Strata 2013 D3 Tutorial, Speaker Deck
- Streamgraph
- Streamgraph
- Streamgraph
- Streamgraph realtime streaming mouse coordinates
- Streams
- Streams
- Street Extent Visualization Using #d3js and CartoDB
- Strikeouts Are Still Soaring
- Stripe Gross Volume witth D3.js
- Stroke Dash Interpolation
- stroke-dasharray
- Students's seating habits
- style.setProperty
- SugarForge: SolCRM by AlineaSol: Project Info
- Summer Olympics Home Ground Advantage
- Sunburst
- Sunburst Layout with Labels
- Sunburst Partition
- Sunburst with Distortion
- Sunflower Phyllotaxis
- Sunlight Heatmap
- Sunny side of the Earth, for any date and time
- Superformula Explorer
- Superformula Explorer
- Superformula Tweening
- Superformula Tweening
- SVG feGaussianBlur
- SVG foreignObject Example
- SVG Geometric Zooming
- SVG Group Element and D3.js
- SVG Open Keynote Slides
- SVG Path Cleaning
- SVG Patterns
- SVG resize to container
- SVG Semantic Zooming
- SVG Swarm
- SVG to Canvas
- SVG to Canvas to PNG using Canvg
- Swimlane
- Swiss Cantons
- Swiss Topography
- Symbol Map
- Symbol Map
- Table of Progress
- Table Sorting
- Table-driven plot
- TAGSExplorer: Visualising Twitter graphs from a Google Spreadsheet
- Talk at JS.geo 2013
- Tampa Bay Rays Streamgraph
- Telostats: Public bike stations in Tel Aviv
- Templating ala Mustache with Chernoff faces example
- Test Env
- Tetris
- Tetris
- Text on arc path
- TGI Models
- The Amazing Pie
- The Beautiful Table: fancy bar chart of football statistics
- The business of Bond
- The Concept Map
- The d3 Community: How to Get Involved
- The Diabetes Dashboard
- The electoral map: building path to victory
- The Euro Debt Crisis
- The Facebook Offering: How It Compares
- The first commented line is your dabblet’s title
- The first thing that should be shown in any Trigonometry class
- The Gist to Clone All Gists
- The Holy Bible Visualizaiton
- The last slice of PIE
- The Music of Graphs
- The open source card report
- The Polya process
- The Polyglots Project
- The Quest for the Graphical Web
- The Senate Social Network
- The Sentinal project
- The Story of The US Told In 141 Maps
- The Sun’s View of the Earth
- The Sun’s View of the Earth
- The Wealth & Health of Nations
- Thinking with Joins
- Threat Report
- Three Little Circles
- Three-Axis Rotation
- Threshold Choropleth
- Threshold Encoding
- Threshold Key
- Time Bubble Lines
- Time Series
- Timeline
- Timeline
- Timeline of earthquake in Christchurch 2010
- Times
- Tissot’s Indicatrix
- Tmcw’s bl.ocks
- tnightingale bl.ocks
- Tobler World-in-a-Square
- Tooltip on a stream graph
- Tooltips for D3.js visualizations
- TopoJSON Examples
- TopoJSON Layers
- TopoJSON Parallax
- TopoJSON Points
- TopoJSON vectors on raster image tiles, with zoom and pan
- Topology-Preserving Geometry Simplification
- Towards Reusable Charts
- TradeArc - Arc Diagram of Offseason NHL Trades
- Traffic entering stations in Paris
- Traffix jitsu
- Transform Interpolation
- Transform Transitions
- Transition End
- Transition Example
- Transition from a streamgraph to multiple area charts
- Transition Speed Test
- TransportView
- Transverse Mercator
- Transverse Mercator
- Transversing Equirectangular
- Tree Layout from CSV
- Tree layout mods
- Tree Layout Orientations
- Treemap
- Treemap
- Tributary
- Tributary, optical_illusion_001_motion2
- Tributary, simple globe canvas
- Trisul Network Analytic
- TruliaTrends
- TruliaTrends
- Try D3 Now
- Trying out D3’s geographic features
- Tübingen
- Tufte's slope graphs
- Tweening Polygons
- Tweitgeist: Live Top Hashtags on Twitter
- Twitter Activity During Hurricane Sandy
- Twitter Influencer Visualization
- Twitter SVG Logo
- Two Point Equidistant
- Two Point Equidistant
- Two Tables, Understanding D3 Selections
- U.S. Airports
- U.S. Counties TopoJSON
- U.S. Counties TopoJSON Mesh
- U.S. Land TopoJSON
- U.S. Population Pyramid
- U.S. Rivers
- U.S. State Mesh
- U.S. States TopoJSON
- U.S. TopoJSON
- U.S. TopoJSON
- U.S. Urban Areas
- Uber Rides by Neighborhood
- UK University Statistics
- UK Wind
- UMLS (Unified Medical Language System) Visualizer
- UN Global Pulse 2010 Visualization
- Underscore’s Equivalents in D3
- Understanding the D3 Parallel Plot Example
- Unemployment ranked with horizontal bars
- Unit circle animation
- United Kingdom Peace Index
- University of Washington Departments
- Unknown Pleasures
- Untitled-2
- Update-Only Transition
- Urban bus races
- Urban Water Explorer
- US Budget
- US Census Visualization
- US Elections 2012 / Twitter
- US energy consumption since 1775
- US History in Maps
- US, CA, MX and PR
- Use Inkscape shapes in D3.js tree diagram
- Use the Force! Slides
- Use the Force! Video
- Using and Abusing the force
- Using d3 visualization for fraud detection and trending
- Using D3, backbone and tornado to visualize histograms of a csv file
- Using D3.js to Brute Force the Pirate Puzzle - Azundo Design
- Using Inkscape with d3
- Using Plunker for development and hosting your D3.js creations
- Using Selections in D3 to Make Data-Driven Visualizations
- Using SMASH for custom D3.js builds
- Using SVG and canvas on the same force-directed layout
- Using SVG Gradients and Filters With d3.js
- Using the D3.js Visualization Library with AngularJS
- UT1 - UTC
- uvCharts
- Van der Grinten II
- Van der Grinten III
- Van der Grinten IV
- Van der Grinten Projection
- Van Wijk and Nuij Zooming
- van Wijk Smooth Zooming
- Variable-width Histogram
- Various visualisations especially with d3.geo
- Vector Tiles
- Vector Tiles
- Vector Tiles
- Vega for time series chart with shaded blocks
- Vegetable Nutrition w/ Parallel Coordinates
- Vélib network visualization
- Venn diagram
- Venn Diagram with Clipping
- Venn Diagram with Opacity
- Venn Diagrams with 3+ circles
- Vertical Bullet Charts
- Very limited in-progress attempt to hook d3.js up to three.js
- Veteran Survival Data
- Video tutorials in Japanese
- Viewing OpenLearn Mindmaps Using d3.js
- Viewing Relations, Attributes, and Entities in RDF
- VIM keymap
- Violin: Instrumenting JavaScript
- Violin/Box plots
- Visual Hacker News
- Visual Search
- Visual Sedimentation
- Visual Sedimentation Tweet
- Visual Storytelling with D3: An Introduction to Data Visualization in JS
- Visual.ly Meetup Recap: Introductory D3 Workshop
- Visual.ly tagged D3.js
- Visualising a real-time DataSift feed with Node and D3.js
- Visualising Change in Presidential Vote
- Visualising ConAir Data With Cubism.js Arduino TempoDB Sinatra
- Visualising New Zealand's Stolen Vehicle Database Part1
- Visualising New Zealand's Stolen Vehicle Database Part2
- Visualization of Beijing Air Pollution
- Visualization of music suggestion
- Visualize online conversion journeys
- Visualize with d3js: Bring life to your data
- Visualize Words on My Blog Using D3.js
- Visualizing a network with Cypher and d3.js
- Visualizing a newborn's feeding and diaper activity
- Visualizing book production - Tools of Change for Publishing
- Visualizing Data with Web Standards Slides
- Visualizing Data with Web Standards Video
- Visualizing document similarity over time
- Visualizing Facebook Friends With D3.js
- Visualizing Flight Options
- Visualizing Hospital Price Data
- Visualizing my entire website as a network
- Visualizing NetworkX graphs in the browser using D3
- Visualizing NFL Draft History
- Visualizing opinons around the world (zoomable world map and interactive pie chart)
- Visualizing San Francisco Home Price Ranges
- Visualizing Swiss politicians on Twitter using D3.js
- Visualizing the iOS App Store
- Visualizing the News through Metro Maps
- Visualizing The Racial Divide
- Visualizing U.S. Births and Deaths in Real-Time
- VizWiz: Displaying time-series data
- VLS&STATS making off « @comeetie :: blog
- Von der EEG Umlage befreite Unternehmen
- Voronoi Boids: Voroboids
- Voronoi Clipping
- Voronoi Diagram
- Voronoi Diagram with Force Directed Nodes and Delaunay Links
- Voronoi Lookup
- Voronoi paint
- Voronoi Picking
- Voronoi Tesselation
- Voronoi Tessellation (Redirect)
- Voronoi Tessellation (Redirect)
- Voronoi Test (N=2)
- Voronoi tests
- Voronoi-based point picker
- VVVV viewer
- W3C Validation Errors
- Wagner IV
- Wagner VI Projection
- Wagner VII
- Walmart locations
- Waterfall chart of Tendulkar's ODI career
- Waterman Butterfly
- Wave
- We Love France: transition between the Hexagon and a heart
- We're In The Money: How Much Do The Movies We Love Make?
- Weather of the World
- Web reporting with D3js and R using RStudio Shiny
- Web Traffic as flying bubbles
- Web-Based Visualization Part 1: The D3.js Key Concept
- Webplatform dancing logo
- WebPlatform.org SVG Logo
- Website Graph Bavigation
- Weeknd3
- What do countries look like?
- What Do You Work For?
- WHat makes us happy
- What Size Am I? Finding dresses that fit
- When is Easter?
- Which career should I invest in?
- White House Petition Choropleth
- Who are Rennes Metropolis inhabitants?
- Who do they serve
- Who Voted for Rick Santorum and Mitt Romney
- Why are people shooting up our schools?
- Wiechel
- Wikistalker
- Wimbledon
- Wimbledon 2013 Player bubbles
- Wind
- Wind History
- Winkel Tripel Graticule
- Winkel Tripel Projection
- Wood Grain
- Word Frequency Bubble Clouds
- Word Tree
- Word wrap in SVG using foreignObject
- WordCloud
- World Bank Global Development Sprint
- World Bank Global Development Sprint
- World Boundaries TopoJSON
- World Map
- World Tour
- World Wide Women's Rights
- WorldBank Contract Awards
- X-Value Mouseover
- x3dom event test
- xCharts: a D3-based library for building custom charts and graphs
- XKCD-style plots
- Your Tax-paid Tweets
- Zensus 2011 Atlas
- Zero Ticks
- Zip Codes
- Zipdecode
- zipdecode
- ZJONSSON’s bl.ocks
- zmaril/d3 » src › core › nest.js
- Zoom Center
- Zoom to Bounding Box
- Zoom Transitions
- Zoomable Area
- Zoomable Area Chart
- Zoomable Geography
- Zoomable Icicle
- Zoomable map
- Zoomable Pack Layout
- Zoomable Partition Layout
- Zoomable Sunburst
- Zoomable Treemap
- Zoomdata
- ZUI in D3.js
非常感谢51cto读书频道的介绍!!!
参考文献:
http://book.51cto.com/art/201306/399504.htm
http://my.oschina.net/gbin1/blog/64951
http://christopheviau.com/d3list/