They're HERE!!!!

Congrats, and remember to love those aliens!

TONIGHT!

Data Management and Visualization wrap up!

what is a data product?

Example: Heatmaps, D3 and you! :)

Sustainable practices...

The THRILL of VICTORY(a) lap(p)!!!!

Flickr Creative Commons by josephpetepickle

We've come a long way!!!

we can store and process so MUCH data so QUICKLY!
the challenge now is to support people as they try to understand it all
- visualizations help
- great examples last week from Norah's example
  - a map really doesn't tell you everything
  - a PD program is not easily found
  - "eHarmony" tries to match people... for LIFE!
  - data analytics are key aspects of almost everything we do now!
IBM, Tableau, and more...
- http://www.tableau.com/

Browsers can blow you away!!!

check these out!
- https://react.rocks/example/de_Jong_Attractor_Om
- http://toxicfork.github.io/react-three-renderer-example/
the future has mind blowing "data products" coming!
- allow users to interactively explore massive data sets
- machine learning helps categorize data in automated ways
a little bit of programming is going to go a LONG way!
- big changes to the BC curriculum for computer science...

D3 is very popular!

JavaScript Library
- https://github.com/mbostock/d3/wiki/Gallery
Example of a calendar "heatmap"
- https://www.crowdanalytix.com/communityBlog/10-steps-to-create-calendar-view-heatmap-in-d3-js
- code is on GitHub
  - https://github.com/mohans-ca/d3js-heatmap
- running it is a little tricky
  - stack overflow helps!
    - http://stackoverflow.com/questions/21006647/cannot-import-data-from-csv-file-in-d3
    - python's SimpleHTTPServer to the rescue!

Remember to Play and CELEBRATE!!!

every programming language has
- variables and expressions
  - x = 4 * y;
- data structures
  - arrays of json objects
- functions
  - parameters
  - return values
- control structures
  - branching
    - decisions, "if" statements
  - looping
    - repeating statements, "for" and "while" loops

Remember to Play and CELEBRATE!!!

change the colour in the heatmap code!
- #FFA500?
print values to the console
- view Developer Tools!
- also your SimpleHTTPServer! :)

MOST IMPORTANT OF ALL...

TAKE YOUR TIME!!!!!

GitHub repository

Readme.md
Milestones
Discussions
Design artefacts
Screen Casts
Code!
Link to deployed app
What's missing...
What to do next...

BRING IT ALL TOGETHER!

But what if it doesn't all WORK?!?!?!

Think: Proof of Concept
MVP!!!
What if we had resources?
- a small seed grant?
- a team of mentors to help?
- more feedback from stakeholders?

It is absolutely FINE if it does not all work, but have a collection of artefacts to help get your ideas off the ground!!!

Made with Slides.com