nadinesk

nadinesk

This bar chart shows the number of armed conflicts in the world from 1946 to 2013. Data is from the [Uppsala Data Conflict Program (UDCP)] (http://www.pcr.uu.se/research/ucdp/datasets/). The largest number of conflicts was in 1991: 52 conflicts.

The bar chart expands upon the [Let's Make a Bar Chart tutorials] (http://bost.ocks.org/mike/bar/).

And just for information's sake, here is a list of the locations of the 52 unique conflicts occuring in 1991, the peak year for the data.

• Philippines
• India, Pakistan
• Myanmar (Burma)
• Myanmar (Burma)

nadinesk

This example uses a slider to change circles' radii based on data in a csv file. The framework for this began with the Let's Make a Bar Chart Tutorial III. My goal was to start simple and understand the basics with a few circles (inspired by a vision of a much less complicated verstion of this data visualization. I changed the rectangles to circles, and removed the y axis first; my example uses 68 years of data rather than the one year in the tutorial: I used a for loop to equate the column header (years) value to the slider property value, and return data for each column in this way. Maybe there's a better way? I took data from the Uppsala Department of Peace and Conflict Research, and coded in the armed conflict location's regions based on Wikipedia's categorization. I th

nadinesk

This example is of Alfred Barr's "Diagram of Stylistic Evolution from 1890 until 1935" as sketched by artist Ward Shelley, shown in Design for Information. It utilizes different shapes including: arcs, rectangles, lines, bezier curves; and four csv files with data for these shapes, to create the diagram.

nadinesk

This example shows viewership of the Real Housewives of Beverly Hills in millions, by season and by episode (along with the embarassing fact that I'm a big enough fan of this show to create this chart, having watched all episodes of all six seasons). Episodes are shown along the x-axis, and views are shown along the y-axis, with each line representing one of the six seasons. Some seasons had fewer episodes than others, and in those cases, the average views were used rather than null values. (Average values were used for Season 1, Episodes 18-23; Season 3, Episodes 23; and Season 6, episode 23 tbd). I removed Episode 24 since this was only shown during Season 2. Season 2 had the highest average viewrship at 2.2 million, and Season 6 has had the lowest average viewership so far, excluding the final episode which is TBD, with 1.8 million households watching.

The final episode of Season 6 aired last night, and during the reunion, there was controversy over a cast member possibly angling other cast members to cre

nadinesk

A grouped bar chart with values on bars, with a starting point from this grouped bar chart: https://bl.ocks.org/mbostock/3887051.

This chart shows percentage increases (2014-2015, 2005-2015, 2010-2015) in median house values per square footage in the top 10 highest metro areas by 2015 annual average values. Data is from Zillow (http://www.zillow.com/research/data/): "Median ZHVI per sq. ft. ($): Median of the value of all homes per square foot. This number is calculated by taking the estimated home value for each home in a given region and dividing it by the home’s square footage."

nadinesk

date	Average	San Jose, CA	San Francisco, CA	Urban Honolulu, HI	Santa Cruz, CA	Vineyard Haven, MA	Kahului, HI	Kapaa, HI	Santa Maria-Santa Barbara, CA	Key West, FL	Los Angeles-Long Beach-Anaheim, CA
1997	54.33490279	179.8333333	152.5833333	192.5	159.8333333	129.5833333	156.9166667	139.1666667	126.5833333	137.5833333	119.0833333
1998	58.98184986	206.8333333	171.3333333	183.8333333	186.5	146.5	157.9166667	135.6666667	140.2	150.8333333	128.4166667
1999	62.12977897	232.6666667	196.25	181.5833333	211.6666667	172.5	165.5833333	143	162.5833333	161.3333333	141.75
2000	66.05594385	305	245.4166667	185.5833333	265.9166667	221.9166667	179.4166667	156.6666667	197.6666667	179.6666667	155.6666667
2001	70.50133594	329.9166667	279.6666667	192.5833333	308	249.0833333	200	158.25	238.75	203.3333333	173.25
2002	75.16756272	330.5	294.5833333	210.25	318.4166667	298.8333333	219.3333333	189.5833333	271.6666667	240.5833333	200
2003	81.59594602	338	319.4166667	243.9166667	344.6666667	330.0833333	266.0833333	236.8333333	311.8333333	306.08

nadinesk

http://www.journalism.org/2016/05/26/news-use-across-social-media-platforms-2016/

nadinesk

<!DOCTYPE html>
<html>
<meta charset="utf-8">

<!-- Example based on http://bl.ocks.org/mbostock/3887118 -->
<!-- Tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html -->

<style>
body {
  font: 11px sans-serif;

nadinesk

sources: https://cepa.stanford.edu/seda/data-archive

http://www.nytimes.com/interactive/2016/04/29/upshot/money-race-and-success-how-your-school-district-compares.html?smid=tw-share

d3.js source:

http://bl.ocks.org/weiglemc/6185069

Tooltip example - http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html