Christopher Manning

Updated November 14th, 2012

• Uses Ember.js to handle UI events, the graph model, and fragment URLs
• Improved performance to handle much larger graphs (draws a total of 50,000 vertices and edges before warning about performance)
• Numbers in the LCF code are modifiable using arrow keys
• Added random LCF code generation
• Added freeze frame
• Added gallery of graphs
• Updated Bootstrap to handle larger graphs and support full screen display
• Added vertex and edge count

I found this Wolfram MathWorld article on LCF notation after researching bilinear interpolation. The article inspired me to build a LCF notation parser that would create the graphs using d3.js. Originally, I only planned on displaying the circular graph without animation.  Adding the graph construction animation was definitely a wow milestone, but, after I enabled the forces on the links, it turned into a woah moment. The 3D structure of the graph actually reveals itself without having to build in any 3D calculations. This was a really fun project to build and it’s still exciting to watch it build a torus.

The The On-Line Encyclopedia of Integer Sequences is a good place to look for number series that result in interesting graphs.

Image of February 5th, 2012 Version

Voronoi Diagrams are really interesting from an aesthetic, mathematical, and application perspective. I created this to experiment with connecting multiple d3.js layouts. I noticed a pull request for d3.js that suggested making Voronoi diagrams more extensible which would help to speed up the rendering of this visualization.