mayblue9

simple csv demo

for the building-blocks intro video

Intro to Web Mapping + GIS

###Girl Develop It

Aurelia Moser, @auremoser, [email protected]

Andy Eschbacher, @MrEPhysics, [email protected]

August 19th, 2015

Find this document here:

Movies Recommendation:

MovieLens - Movie Recommendation Data Sets http://www.grouplens.org/node/73
Yahoo! - Movie, Music, and Images Ratings Data Sets http://webscope.sandbox.yahoo.com/catalog.php?datatype=r
Jester - Movie Ratings Data Sets (Collaborative Filtering Dataset) http://www.ieor.berkeley.edu/~goldberg/jester-data/
Cornell University - Movie-review data for use in sentiment-analysis experiments http://www.cs.cornell.edu/people/pabo/movie-review-data/

Music Recommendation:

Last.fm - Music Recommendation Data Sets http://www.dtic.upf.edu/~ocelma/MusicRecommendationDataset/index.html

Data visualization in one of three most important steps in data mining (https://github.com/entaroadun/hnpickup#readme). Often times, it's impossible to understand data without proper visualization. I went looking for great tools to do that.

Two website list recent JS visualization frameworks:

Most of them are available on Github. My three favorite:

https://github.com/DmitryBaranovskiy/g.raphael

A variation of programmatic zoom where buttons can be used to zoom-in or zoom-out around the current center of the viewport.

A redesign of the radar chart function that was created by alangrafu, used in my blog on Making the D3 Radar Chart look a bit better

An even newer version created 2 years later can be found here

source	target	weight
1	3	5
1	8	3
1	9	3
1	12	3
1	15	2
1	23	3
1	26	2
1	37	2
1	46	2

Weather Plot - New York 2015

In the example we're looking at historical weather data for New York provided by intellicast.com and wunderground.com. Inspired by weather-radicals.com.

This example uses scales to roll your own radial projection by mapping out the x, y, and r positions. If you are creating a line or an area you can use d3's convenience functions d3.svg.line.radial and d3.svg.area.radial but this is a method you can use if you want to use different graphical elements in a circular layout.

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<link type="text/css" rel="stylesheet" href="style.css"/>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.csv.js"></script>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js"></script>
	<style type="text/css">

	<html>
	<head>
	<style>
	.chart rect {
	fill: steelblue;
	}

	.chart rect:hover {
	fill: turquoise;
	}