bfetters

These are the materials for my workshop on creating interactive data visualizations with D3! We will be using the following two tools to works through these exercises:

• bl.ocks.org: D3.js Gist renderer and online community
• Building Blocks: In-browser interactive D3.js bl.ock editor

And please do not hesitate to reach out to me directly via email at jondinu@gmail.com or over twitter @clearspandex

Throughout this workshop, you will learn how to make an interactive map of AirBnB listings in SF to better understand the companies impact on the city.

bfetters

These are the materials for my workshop on creating interactive data visualizations with D3! We will be using the following two tools to works through these exercises:

• bl.ocks.org: D3.js Gist renderer and online community
• Building Blocks: In-browser interactive D3.js bl.ock editor

And please do not hesitate to reach out to me directly via email at jondinu@gmail.com or over twitter @clearspandex

Throughout this workshop, you will learn how to make an interactive map of AirBnB listings in SF to better understand the companies impact on the city.

bfetters

Built with blockbuilder.org

bfetters

Create a rectangle of width 960px and height 500px composed of 5000 orange and grey circles. For extra credit implement colllision detection on the particles.

You should use blockbuilder.org and the following Javascript and d3 functions:

• Javascript for loop
• Math.random()
• d3.select()
• d3.append()
• d3.attr()
• d3.style()