How To Guide:
Intro to Visualizations

Examples and Extra Resources

Examples

US Map
http://bl.ocks.org/NPashaP/a74faf20b492ad377312

Grouped Horizontal Bar Chart
http://bl.ocks.org/erikvullings/51cc5332439939f1f292

Stacked Bar Charts on Time Scale
http://bl.ocks.org/anupsavvy/9513382

3D Donut
http://bl.ocks.org/NPashaP/9994181

Zoomable Treemap Template
http://bl.ocks.org/ganeshv/6a8e9ada3ab7f2d88022

Conway’s Game of Life
http://bl.ocks.org/NPashaP/f1e73faef87bee899b47


Full List
https://github.com/d3/d3/wiki/Gallery

Other Tutorials

https://www.dashingd3js.com/table-of-contents

https://www.rtfmanual.io/d3garden

https://www.sitepoint.com/a-beginners-guide-to-data-binding-in-d3-js/

http://alignedleft.com/tutorials/d3

https://www.digitalocean.com/community/tutorials/how-to-make-a-bar-chart-with-javascript-and-the-d3-library

Useful Links

Conversion (not necessary to use D3) http://www.convertcsv.com/csv-to-json.html

Sample Data http://statweb.stanford.edu/~sabatti/data.html

Using D3 Path Generators https://www.dashingd3js.com/svg-paths-and-d3js

Why do I care about D3?

This guide was written as an assignment for Oregon State's CS 290 course. I selected this topic because I am a business intelligence developer working with SAP's platforms including BOBJ (BusinessObjects). My team is fairly new within the company and we are quickly learning our limitations for graphical representations. I plan to leverage what I learned from researching and writing this in development of extensions for use with Design Studio. For those who are unfamiliar, Design Studio makes heavy use of CSS and JavaScript.

Image