Skip to content

SVG and Visualization Resources

Elisa Beshero-Bondar edited this page Sep 19, 2015 · 2 revisions

While we may eventually decide to put resources in another area of the site, I'd wanted to start a thread here to keep track of resources on different topics.

We begin with this: We have made this table of information, as a start: http://dxcvm05.psc.edu:8080/exist/rest/db/output/MissJames_TableOutput.html

TRIANGLES

These are some links to help with "drawing triangles" (one of several possible visualizations, of which the cones @mollyodonnell has been working on would be another):

  • Intro to SVG and d3.js elements: [http://www.d3noob.org/2014/02/d3js-elements.html]

  • SVG Paths and D3.js: [https://www.dashingd3js.com/svg-paths-and-d3js]

  • Mike Bostock's d3 SVG Shapes page (GitHub): https://github.com/mbostock/d3/wiki/SVG-Shapes

  • Google Groups discussion on the same (featuring Mike Bostock, among others): [https://groups.google.com/forum/#!topic/d3-js/kHONjIWjAA0]

  • One more quick idea, with movement: [http://stackoverflow.com/questions/11784805/d3-js-visualization-from-circles-to-triangles]

  • Sara Souedian's awesome stuff: http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/2

Clone this wiki locally