| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script src="http://d3js.org/queue.v1.min.js"></script> | |
| <style> | |
| svg{ background-color:#FEFEFE;} | |
| .stroke { |
| <html> | |
| <head> | |
| </head> | |
| <body> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script type="text/javascript"> | |
| //The data for our line | |
| var lineData = Array(); |
Square-Spirals taken from Danny Calegari's blog Mathematics Professor at U Chicago.
I ported graphics from the Postscript language (which your printer speaks) to d3.js (jsFiddle)
Calegari himself took this graphic from Richard Kenyon & was probably done in Mathematica.
Kenyon took the graphic from a paper by William Tutte in 1948.
Watch the twig grow into a branch with leaves (jsFiddle)
Similar to Jason Davies' Koch Island
Example 1.2.9 in Jun Kigami's textbook, Analysis on Fractals
The tree is not stored optimally -- slow around 11 and 12 iterations.
From Mathworld:
The limaçon can be generated by specifying a fixed point P, then drawing a sequences of circles with centers on a given circle which all pass through P. The envelope of these curves is a limaçon. If the fixed point is on the circumference of the circle, then the envelope is a cardioid.
Other constructions of limaçon appear on Wikipedia e.g. using pedal curves.
A script for generating random latin squares and Skyscraper puzzles.
3 1 4 2 3 3 2
-------------
2| |2
3| |4
1| |3
2| |2
3| |3
4| |3
Here at PyData NYC, I heard a tutorial of how to use numpy and iPython notebooks. In a previous gist, I wrote drew all the zip codes of the Bronx in d3.js
This would be great for reproducing inforgraphics like Educational Attainment in New York City -- Brooklyn which looks a bit like a jigsaw puzzle:
