Skip to content

Instantly share code, notes, and snippets.

View adg29's full-sized avatar
📱

Alan Garcia adg29

📱
View GitHub Profile
@adg29
adg29 / cities-2030.json
Last active August 29, 2015 14:07
D3JS External JSON Circle Radius and X-Axis displacement example
[
{
"Country_Area":"Japan",
"City_Code":21671,
"City":"Tokyo",
"Latitude":35.69,
"Longitude":139.69,
"1950":11275,
"1955":13713,
"1960":16679,
@adg29
adg29 / police-shootings-subset-geocoded.js
Last active August 29, 2015 14:14
Police Shootings Geocoded Subset via Deadspin
var shootings = [
{
"County": "Wake",
"State": "NC - North Carolina",
"City": "Zebulon",
"Lat": "35.8243208",
"Lng": "-78.3147199",
"Agency Name": "Zebulon police",
"victim_name": "Derek Smith",
"victim_age": "22",
@adg29
adg29 / RadarChart.js
Last active August 29, 2015 14:14 — forked from nbremer/.block
What % of Dutch Mobile owners use a specific service in a week
//Practically all this code comes from https://github.com/alangrafu/radar-chart-d3
//I only made some additions and aesthetic adjustments to make the chart look better
//(of course, that is only my point of view)
//Such as a better placement of the titles at each line end,
//adding numbers that reflect what each circular level stands for
//Not placing the last level and slight differences in color
//
//For a bit of extra information check the blog about it:
//http://nbremer.blogspot.nl/2013/09/making-d3-radar-chart-look-bit-better.html
@adg29
adg29 / index.html
Last active August 16, 2018 13:39 — forked from zross/index.html
Animate path on Leaflet map using D3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
<script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css' rel='stylesheet' />
@adg29
adg29 / README.md
Last active April 27, 2017 18:01 — forked from mbostock/.block
U.S. Counties TopoJSON

A demo of TopoJSON on a U.S. counties shapefile from the U.S. census bureau. The same TopoJSON file can also be used to show states.

@adg29
adg29 / README.md
Last active April 27, 2017 17:51 — forked from amrit/README.md
US State Emissions Choropleth

US State Emissions Choropleth

@adg29
adg29 / index.html
Last active August 29, 2015 14:22
Vega Scatter Plot of Nuclear Energy as Percent of all Energy by State
<html>
<head>
<title></title>
<link href="http://trifacta.github.com/vega/css/vega.css" rel="stylesheet">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://trifacta.github.com/vega/vega.js"></script>
</head>
<body>
<div id="vis"></div>
</body>
@adg29
adg29 / index.html
Last active August 29, 2015 14:22
Vega Scatter Plot of Nuclear Energy Plants License Duration Per State
<!DOCTYPE html>
<meta charset="utf-8">
<link href="http://trifacta.github.com/vega/css/vega.css" rel="stylesheet">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://trifacta.github.com/vega/vega.js"></script>
<script>
function parse(spec) {
vg.parse.spec(spec, function(chart) {
@adg29
adg29 / index.html
Last active August 29, 2015 14:22
Vega Scatter Plot of Nuclear Energy Plants Per Town Per State
<!DOCTYPE html>
<meta charset="utf-8">
<link href="http://trifacta.github.com/vega/css/vega.css" rel="stylesheet">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://trifacta.github.com/vega/vega.js"></script>
<script>
function parse(spec) {
vg.parse.spec(spec, function(chart) {
@adg29
adg29 / README.md
Last active April 27, 2017 17:50 — forked from mbostock/.block
TopoJSON Resources

Some of these files are from the us-atlas:

  • us.json - make topo/us-10m.json
  • us-congress-113.json - make topo/us-congress-10m.json

Others are from the world-atlas:

  • world-50m.json - make topo/world-50m.json
  • world-110m.json - make topo/world-110m.json