Developing d3 visualizations

4 thoughts
last posted June 16, 2014, 7:24 p.m.

1 earlier thought


I have started using the following workflow and it's been working out great:

  1. I start a gist with a file to describe the requirements along with any sample design mockups as an embedded image for a reference.
  2. I then clone that gist locally.
  3. I add a simple index.html and a chart.js to the repo
  4. I start a skeleton of a function as described in Towards Reusable Charts
  5. I add some sample data in a data.csv file.
  6. Make an initial commit to mark my starting point.

From here, I just start building out the visualization I want. To preview things locally, I run:

python -m SimpleHTTPServer 8888

Once I am satisfied with progress, I commit, and then push to the gist. The nice thing about hosting in this format in a GitHub gist is that you can use the service to get a nice preview of your visualization.

2 later thoughts