{"id":1148,"date":"2017-08-10T16:05:54","date_gmt":"2017-08-10T16:05:54","guid":{"rendered":"http:\/\/va.gatech.edu\/courses\/cs7450\/?page_id=1148"},"modified":"2017-08-11T17:18:26","modified_gmt":"2017-08-11T17:18:26","slug":"vis-programming-tutorial-d3-overview","status":"publish","type":"page","link":"https:\/\/va.gatech.edu\/courses\/cs7450\/schedule-2\/vis-programming-tutorial-d3-overview\/","title":{"rendered":"Vis Programming Tutorial: d3 overview"},"content":{"rendered":"<h1>Prepare (do before class)<\/h1>\n<p>none<\/p>\n<h1>Demos<\/h1>\n<ul>\n<li><a href=\"https:\/\/codepen.io\/gully\/pen\/glFcq\" target=\"_blank\" rel=\"noopener\">D3 sandbox &#8211; CodePen<\/a><\/li>\n<\/ul>\n<h1>Readings<\/h1>\n<ul>\n<li><a href=\"http:\/\/chimera.labs.oreilly.com\/books\/1230000000345\">Interactive Data Visualizations for the Web<\/a>, by Scott Murray<\/li>\n<li>M. Bostock, V. Ogievetsky, J. Heer, &#8220;D3: Data-Driven Documents&#8221;,\u00a0<i>IEEE Trans. on Visualization and Computer Graphics<\/i>, Vol. 17, No. 12, Dec. 2011, pp. 2301-2309.<\/li>\n<\/ul>\n<h1><b>Videos<\/b><\/h1>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/channel\/UCNYL0ZF2j8-OSGZ4iHBLNPA\">Some D3 tutorials<\/a><\/li>\n<\/ul>\n<h1><b>Websites<\/b><\/h1>\n<ul>\n<li><a href=\"http:\/\/www.w3schools.com\/\">w3schools.com<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\">Mozilla Developer Network<\/a><\/li>\n<li><a href=\"http:\/\/json.org\/\">JSON<\/a><\/li>\n<li><a href=\"http:\/\/d3js.org\/\">D3<\/a><\/li>\n<li><a href=\"http:\/\/alignedleft.com\/tutorials\/d3\/\">Scott Murray&#8217;s tutorials on D3<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/mbostock\/d3\/wiki\/Tutorials\">Bostock&#8217;s tutorials on D3<\/a><\/li>\n<li><a href=\"http:\/\/www.jeromecukier.net\/\">Jerome Cukier&#8217;s blog and tutorials on D3<\/a><\/li>\n<li><a href=\"http:\/\/www.jeromecukier.net\/wp-content\/uploads\/2012\/10\/d3-cheat-sheet.pdf\">Jerome&#8217;s cheat sheet<\/a><\/li>\n<li><a href=\"http:\/\/www.d3noob.org\/\">D3 tips &amp; tricks<\/a><\/li>\n<li><a href=\"https:\/\/sightlinevis.com\/\">SightLine, Library of D3 examples<\/a><\/li>\n<li><a href=\"http:\/\/www.visualcinnamon.com\/blog\">Creative Tutorials from Nadieh Bremer<\/a><\/li>\n<li><a href=\"https:\/\/processing.org\/\">Processing<\/a><\/li>\n<li><a href=\"http:\/\/p5js.org\/\">p5.js<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Prepare (do before class) none Demos D3 sandbox &#8211; CodePen Readings Interactive Data Visualizations for the Web, by Scott Murray M. Bostock, V. Ogievetsky, J. Heer, &#8220;D3: Data-Driven Documents&#8221;,\u00a0IEEE Trans. on Visualization and Computer Graphics, Vol. 17, No. 12, Dec. 2011, pp. 2301-2309. Videos Some D3 tutorials Websites w3schools.com Mozilla Developer Network JSON D3 Scott [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":897,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/pages\/1148"}],"collection":[{"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":2,"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/pages\/1148\/revisions"}],"predecessor-version":[{"id":1198,"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/pages\/1148\/revisions\/1198"}],"up":[{"embeddable":true,"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/pages\/897"}],"wp:attachment":[{"href":"https:\/\/va.gatech.edu\/courses\/cs7450\/wp-json\/wp\/v2\/media?parent=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}