CSE 6242 Data & Visual Analytics-Resource
Javascript Resources
- Javascript Tutorials and Exercises: https://www.codecademy.com/
- Online book on Javascript: https://eloquentjavascript.net/
- Book on Javascript: http://a.co/d/cOg97Dn
D3 Books
- Online book to review D3 v3 Tips and Tricks: https://leanpub.com/D3-Tips-and-Tricks/read
- Online book focusing on D3 v4 features: http://d3indepth.com/
D3 Example Graphs
- Pinning nodes: Sticky Force Layout
- Creating Triangle Plot Symbols: D3 Symbols
- Creating a Heatmap: Day-Hour Heatmap
- Converting Wide and Long Data: Wide vs. Long data
- Customizing Text Alignment: d3 svg text alignment v3
- Handling Interactivity: Mouse Events
- Creating Line Graphs: Simple line graph
- Making a map: Let’s Make a Map
- Using a slider: D3 simple slider
General
- A variety of video tutorials on D3 and Javascript, some designed for learners less familiar with javascript, HTML, and CSS: http://lynda.gatech.edu/
- Explanation of D3 Selection:
D3 Tutorial
- D3 Workshop Series: http://duspviz.mit.edu/d3-workshop/intro-to-d3/
- Scatter plot Tutorial: http://alignedleft.com/tutorials/d3/making-a-scatterplot
D3 and Javascript
- CSS Page Break: https://stackoverflow.com/questions/1664049/can-i-force-a-page-jump-in-html-printing/1664058
- D3 Heatmap: http://bl.ocks.org/mbostock/3202354
- D3 Scatter plot: http://alignedleft.com/tutorials/d3/making-a-scatterplot
- D3 Select Box: http://bl.ocks.org/jfreels/6734823
- D3 Colors: http://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3
- D3 Map: https://bl.ocks.org/mbostock/4060606
- https://webdva.github.io/how-to-draw-a-line-in-d3js/
- http://datawanderings.com/2019/10/28/tutorial-making-a-line-chart-in-d3-js-v-5/
Tableau
- Tableau open learning lab (online from GaTech) https://library.gatech.edu/events/tableau-open-learning-lab-online-2
- Tableau Conference-ish (link) Free!
- Bar Chart vs Stacked Bar Chart Article: https://www.smashingmagazine.com/2017/03/understanding-stacked-bar-charts/