This first project will focus on understanding the essentials of the D3 framework and use it to build a basic chart.
Project Due Monday 4/11 at **9am**, and Peer critique due 4/12. Extra credit due the following Thursday 4/14
This will be the only D3 specific project, for all the others (while it is suggested to use D3) you are free to use whichever technology you prefer
This project has two parts, both open ended. Because of this you will have the following specification and requirements but are left to your our devices to decided how to implement your graphic.
One of the great strengths of D3 is in its separation of aesthetic and data, and because of this it makes it very easy to adapt an existing visualization for your own data. For part one of the project:
Find a dataset that the visual elements of this bar chart would properly encode:
Fork the Gist for the Civic Center Median Rent chart from above and adapt it to use the dataset you found in step 1.
For this second part you will be creating your own visualization from scratch. Again, you are free to tackle this challenge any way you like as long as you adhere to the requirements. You are expected to create a basic chart (line, bar, scatter, bubble, area, etc.) with vanilla D3 (no additional visualization libraries).
You will need to submit:
If you would like to go above and beyond also try to incorporate:
For the project you can develop it using a local text editor + browser, an interactive browser based REPL (such as JSBin or Building Blocks), or any other development workflow. For submission you will create a secret gist (following the bl.ocks.org conventions for file naming) and submit through Canvas.
README.md of the secret gist include the link to the data you are visualizing and the description of the column data types. Also be sure to include an image of your hand drawn sketch as an additional file in the Gist.
index.html of the gist include the code required for the D3 graphic/chart.
For this project you will also perform a peer critique after the initial submission deadline. More on the format of the critique on Tuesday after initial projects have been submitted.
After the critique you will publicly post you visualization to blocks and your Github pages portfolio site.
For this first peer critique please read these two articles to understand how to be as effective (and constructive) in your feedback.
In your critique on Canvas, please include:
For a single extra credit point you can resubmit your visualization incorporating the suggestions from the peer critique by the following Tuesday.
|Remixed Bar Chart||1|
See the complete list on the syllabus