christophermanning

Created by Christopher Manning

References

• Random Walk

christophermanning

Created by Christopher Manning

References

• Café wall illusion

christophermanning

Created by Christopher Manning

Summary

This is a map of the Chicago Wards that demonstrates how to use the JSTS Topology Suite and D3.js to find and display intersections between polygons.

Wards shaded grey are scanned since their bounding boxes intersect with the search envelope and wards shaded blue intersect with the search

christophermanning

christophermanning

Created by Christopher Manning

Summary

I created this to generate a serialized octocat grid for an upcoming art project. You could use this with any SVG that's only composed of individual path elements.

TODO

• This renders too slowly for general consumption, so try to fix that.

christophermanning

Created by Christopher Manning

christophermanning

Created by Christopher Manning

Animation prototype.

References

• Nature of Code
• D3.js
• Processing.js
• simplex-noise.js

christophermanning

Created by Christopher Manning

References

• D3.js Force Layout
• Octocat Grid
• Canvas
• octodex

This is not affiliated with or endorsed by GitHub. The Octocat is a registered trademark of GitHub.

christophermanning

Forked from: https://gist.github.com/gtb104/3667340

Here's a d3 plugin that allows you to create a polygon selection. You instantiate it just like d3.svg.brush.

var brush = d3.svg.polybrush();

It has an extra public method that 'brush' does not, and that's 'isWithinExtent(x, y)'. You can use this method to test if a given point falls within the drawn extent.

if (brush.isWithinExtent(x, y)) {
 console.log("I'm inside!");

christophermanning

Created by Christopher Manning

Summary

Draws a random walk onto a sphere using canvas and geo projections.

Controls