A simple implementation of dimple.js javascript library for visualizing the data set from Bleem et al. (2014). The data preprocessing has been performed with the pandas library.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900' rel='stylesheet' type='text/css'> | |
<div id="chartContainer"> | |
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
<script src="http://dimplejs.org/dist/dimple.v2.1.0.min.js"></script> | |
<script type="text/javascript"> | |
var svg = dimple.newSvg("#chartContainer", 1080, 800); | |
d3.tsv("test2.tsv", function (data) { | |
var myChart = new dimple.chart(svg, data); | |
myChart.setBounds(80, 250, 990, 300) | |
var x = myChart.addTimeAxis("x", "date","%Y-%m-%d %H:%M:%S","%d %b"); |
A simple implementation of dimple.js javascript library for visualizing the data set from Bleem et al. (2014). The data preprocessing has been performed with the pandas library.
A beta version of a Data Mining Project using Data on the locations of movies Shot in San Francisco from https://data.sfgov.org I have used Pyhton Pandas to clean and wrangle the data files, and the Google geocoding service to convert raw addresses to lat, lon. I use d3.js to plot a map of sf and the movie locations. Then I have used the RottenTomatoes api to pull up the poster of the movies (improvements required here) and I show a Google map StreetView upon mouseover on a movie location. This is work in progress ...