Skip to content

Instantly share code, notes, and snippets.

View justinav's full-sized avatar

Justina Villanueva justinav

View GitHub Profile
@justinav
justinav / climate.json
Created July 13, 2016 17:44
SmallMultiplesMaps
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@justinav
justinav / barley.csv
Created July 13, 2016 17:27
NetworkGraph
yield variety year site
27 Manchuria 1931 University Farm
48.86667 Manchuria 1931 Waseca
27.43334 Manchuria 1931 Morris
39.93333 Manchuria 1931 Crookston
32.96667 Manchuria 1931 Grand Rapids
28.96667 Manchuria 1931 Duluth
43.06666 Glabron 1931 University Farm
55.2 Glabron 1931 Waseca
28.76667 Glabron 1931 Morris
@justinav
justinav / README.md
Last active July 2, 2016 23:20
ChloroplethBubbleMap

Tracing Guns in Chicago

  • TopoJSON
  • About 50,000 guns in over 10 years

Built for Metis' Data Visualization with D3.js Class 9

@justinav
justinav / incomes.csv
Last active June 21, 2016 15:58
IncomesSlopeGraph
val cutoff year country
6910 cop5 1981 Australia
6864 cop5 1985 Australia
6555 cop5 1989 Australia
6551 cop5 1995 Australia
7002 cop5 2001 Australia
7090 cop5 2003 Australia
8818 cop5 1987 Austria
8744 cop5 1994 Austria
5813 cop5 1995 Austria
@justinav
justinav / README.md
Last active June 28, 2016 01:31
HipHopTimeline

A Hip-Hop Timeline

I collected a large list of names from wikipedia. As I started researching (aka watching videos, listening to interviews), I started learning about more rappers. Google "the first female mc" and you'll find a lot of different opinions. It wasn't until I listened to a Kool Herc interview that I discovered Pebblee Poo, MC Smiley and Sweet and Sour. Finding documentation and early releases by those artists has been pretty difficult. That's because hip hop started as a live performance (MC and DJ) art. It wasn't until battles started picking up that people started recording live performances.

Elements of D3 I recently learned to do this:

  • d3.time.scale()
  • .nest()
  • .each(function(){})
  • .on("mouseenter", function(){})
  • .classed("class", true/false) for toggling classes
@justinav
justinav / README.md
Last active June 21, 2016 17:52
BarleyFarmSlopeGraphs

Barley Farm

Things we learned in class

  • data nesting
  • functions to draw slopes for each variety
  • line transitions using dash array
  • mouseover transitions for text
@justinav
justinav / 1931.csv
Last active June 21, 2016 17:55
GroupedBarCharts
Site Glabron Manchuria No. 457 No. 462 No. 475 Peatland Svansota Trebi Velvet Wisconsin No. 38
Crookston 38.13333 39.93333 45.66667 48.56666 44.1 41.6 40.46667 46.93333 41.33333 49.86667
Duluth 29.66667 28.96667 33.6 28.1 33.06666 32 25.7 33.93333 26.3 31.6
Grand Rapids 29.13333 32.96667 32.16667 24.93334 19.7 34.7 29.66667 29.76667 23.03333 34.46667
Morris 28.76667 27.43334 28.7 30.36667 22.6 29.86667 25.76667 43.76667 26.13333 29.46667
University Farm 43.06666 27 43.26667 36.6 24.66667 32.76667 35.13333 36.56666 39.9 39.3
Waseca 55.2 48.86667 58.1 65.7667 46.76667 48.56666 47.33333 63.8333 50.23333 58.8
@justinav
justinav / README.md
Last active June 21, 2016 17:09
BasicBarChart

Assignment Metis' Data Visualization with D3.js: Class 3

@justinav
justinav / README.md
Last active June 14, 2016 20:31
FirstAnscombesQuartetExample_SeriesIII

Anscombe's Quartet III


assignment

Metis Data Visualization with D3.js: Class 2

@justinav
justinav / flexbox-cheatsheet.css
Last active October 11, 2016 16:22
Flexbox Cheatsheet
/*
*
* Flex Box Cheatsheet
* ===================
*
*/
.flexbox {
display: flex;
flex-direction: row | column | row-reverse | column-reverse;