Day 129 of 180 Days of Data Viz Learning #backfromxmas #jfdi

I’m doing some form of data visualization learning for 180 days because I need to #JFDI.

See post explaining how and why I’m doing this.

*Back on the wagon after some well needed X-mas R&R.  Will be off it for NY weekend probably.  I can forgive myself for needed rest and complete mind wipe.

Visual Created:

Dimple JS Scatterplot using NYCFC Data

Screen Shot 2015-12-27 at 9.05.22 PM.png

Code Learning:

Treehouse Back to Basics – Front-End Dev

Udacity Data Visualization and D3.js – DimpleJS Lectures

Three Takeaways

  • Don’t forget to use auto-fill in console, eg typing myChart.add to see other methods.  This can be more expedient than looking through documentation.
  • Faceting data versus not and changing type of chart:
    • myChart.addSeries(null, dimple.plot.bar); // not faceting or grouping data, eg just showing all data
    • myChart.addSeries(‘stage’, dimple.plot.bar); // groups data, eg showing stages versus all games in this example data of soccer games
    • myChart.addSeries(null, dimple.plot.scatter) // makes a scatterchart instead of a bar chart
    • myChart.addSeries(null, dimple.plot.line);  // makes a line chart
    • You can combine series by including two series, eg both lines above to have points on the time series
  • Way to parse date in Dimplejs or other ways to easily manipulate properties
    • x.dateParseFormat = “%Y”;
    • x.timeInterval = 4;
    • x.ticketFormat = “%Y”;
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s