Clik 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 ArticleClik here to view.
Chart Transitions with React and D3 4.0
Authored by Steven HallI have been working in my spare time on ideas for using the new separate D3 4.0 modules with React. Below I present some examples of using the enter, update and exit pattern to...
View ArticleMerge Sort Implementation in ES6 JavaScript
Needed a good implementation of a merge sort algorithm in JavaScript and found that the ones available out there are not great in terms of optimizing for performance. Also could not find one that used...
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 Article