Clik here to view.
Object Constancy in D3
Authored by Steven HallObject constancy (not sure if Bostock and crew coined this term or not) refers to making transitions between views of your data that allow the user to track individual data...
View ArticleClik here to view.
Experiment: Transitions Along a Path
Authored by Steven HallThis past week I have been working on a project that calls for data to be transitioned along an arbitrary path. The structural elements for the data visualization will be...
View ArticleClik here to view.
Using Illustrator SVG Files in D3
Authored by Steven HallSVG editors, like Adobe Illustrator, can produce some incredible visual effects that would be difficult to achieve otherwise. The outputted files can be used in your data...
View ArticleClik here to view.
Hexbins with D3 and Leaflet Maps
Authored by Steven Hall Edit: April 7 , 2014 - These examples have been updated to use the very nice looking tiles from MapBox.com. CloudMade no longer offers free tiles. This week I have been working...
View ArticleClik here to view.
Chord Diagrams in D3
Authored by Steven HallUPDATE 6/21/2014: I added all of the examples found in this article to a GitHub repository so you can load them locally on your computer. There are full instructions on the...
View ArticleClik here to view.
Force Bubble Charts in D3
Authored by Steven HallUsing the force layout in D3 to produce a bubble chart for categorical data can be a good choice for communicating the message your data has to offer and has the side benefit...
View ArticleClik here to view.
Setting Up Neo4j 2.0 on an Ubuntu Server
Authored by Steven HallNeo4j 2.0 is an awesome release of Neo Technology's great graph database. There are some significant new features and some changes to the data model that, I think, make it more...
View ArticleClik here to view.
Fractals in D3: Fractal Ferns
Authored by Steven HallThis week I have been busy exploring the generation of fractals using D3. The image above is a "fractal fern" composed of 150,000 tiny SVG circles generated using some...
View ArticleClik here to view.
Fractals in D3: Dragon Curves
Authored by Steven HallThis week I am continuing to experiment with rendering fractals in D3. In this post we're looking at examples of generating some really cool fractals called dragon curves (also...
View ArticleClik here to view.
Creating Multi-Series Charts in D3
Authored by Steven HallMaking line charts or bar charts that have several different series of data can be challenging in D3. It adds a level of complexity that you don't encounter in making a simple...
View ArticleClik here to view.
D3.js, Three.js and CSS 3D Transforms
Authored by Steven HallThis week I have been having some fun thinking about how you could use D3.js and Three.js together to do some data visualization work. We'll have to put this one in the...
View ArticleClik here to view.
CSS3D Transforms and Physics Engines
Authored by Steven HallI'm back again this week with another fun experiment with D3.js and THREE.js. This time we're adding a physics engine into the mix! In this post I present some examples of...
View ArticleClik here to view.
JavaScript Object Instantiation: D3 Map Control Example
Written by Steven HallSo you want to instantiate an object in JavaScript? Or possibly you are just looking to put a pan-zoom control on your D3 SVG map (or chart), but couldn't care less about how it...
View ArticleClik here to view.
Interactive Maps with D3.js, Three.js, and Mapbox
Written by Steven HallOver the past couple of weeks I have been experimenting with creating 2D maps that can be explored in three dimensional space using D3.js and Three.js. The goal was to produce...
View ArticleClik here to view.
Snark Hunting: Force Directed Graphs in D3
Authored by Steven HallIs it possible to write a blog post that combines d3.js, pseudo-classical JavaScript, graph theory, and Lewis Carroll? Yes, THAT Lewis Carroll. The one who wrote Alice in...
View ArticleClik here to view.
Creating Custom D3 Directives in AngularJS
Authored by Steven HallLet's make a data visualization in AngularJS! It's all the rage. Let's Go! We are going to look at a simple example that creates a service that pulls data from last.fm using...
View ArticleClik here to view.
Interactive Chord Diagrams in D3
Authored by Steven HallIn the last few weeks I've had the opportunity to explore how to create interactive chord diagrams that transition from one state to another. It's tricky. You need to do some...
View ArticleClik here to view.
Selections in THREE.js - Parte Uno
Authored by Steven HallThis post is about an idea I had to use D3 style selections in THREE.js for constructing and updating the scene graph. D3's way of binding data to objects and doing updates...
View ArticleClik here to view.
Selections in THREE.js - Parte Dos
Authored by Steven HallContinuing on from my last post. Here we are going to walk through a couple of demos that use D3 style selections in THREE.js. If you didn't read the first part of this...
View ArticleClik here to view.
Interactive WebGL Globes with THREE.js and D3
In this article we're going to make an interactive WebGL globe. Instead of creating complex geometries from the geojson data to represent the countries, we'll use D3 to generate canvas maps that get...
View Article