Skip to content

Instantly share code, notes, and snippets.

View adg29's full-sized avatar
📱

Alan Garcia adg29

📱
View GitHub Profile
@adg29
adg29 / Programmatic Zoom In + Out to Topojson Bounding Box.markdown
Last active August 29, 2015 14:22
Programmatic Zoom In + Out to Topojson Bounding Box

Programmatic Zoom In + Out to Topojson Bounding Box

Adds zoom in + out buttons to topojson features. Adapted from mbostock’s block #9656675

Uses zoom transitions to smoothly interpolate between different views. This example also allows you to freely pan and zoom with the mouse (or touch).

http://bl.ocks.org/mbostock/9656675

A Pen by Alan David Garcia on CodePen.

@adg29
adg29 / bad-trip.svg
Last active August 29, 2015 14:22
vivus.js SVG animation from file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@adg29
adg29 / Test of animating external and inline svg file.markdown
Last active August 29, 2015 14:22
Test of animating external and inline svg file
@adg29
adg29 / SVG group staggered animation.markdown
Last active August 29, 2015 14:23
SVG group staggered animation
@adg29
adg29 / d3.geo.voronoi.js
Last active August 29, 2015 14:27 — forked from fitnr/d3.geo.voronoi.js
US Urban Areas Voronoi
(function() {
var π = Math.PI,
degrees = 180 / π,
radians = π / 180,
ε = 1e-15,
circle = d3.geo.circle().angle(90);
d3.geo.voronoi = function(points, triangles) {
if (arguments.length < 2) triangles = d3.geo.delaunay(points);
@adg29
adg29 / index.html
Last active September 1, 2015 17:33 — forked from sconnelley/index.html
Fitting D3 map inside a viewport and constrain panning.
<!DOCTYPE html>
<html lang="en">
<head>
<title>d3 geo map</title>
<meta charset="utf-8">
<style>
svg {
border: 1px solid #ccc;
}
@adg29
adg29 / regions.csv
Created October 12, 2015 00:57
d3.geo.voronoi 25 Urban Areas
name description latitude longitude
New York--Newark NY--NJ--CT Urbanized Area 40.718357 -73.970221
Los Angeles--Long Beach--Anaheim CA Urbanized Area 33.982668 -118.104332
Chicago IL--IN Urbanized Area 41.827126 -87.895427
Miami FL Urbanized Area 26.175616 -80.231428
Philadelphia PA--NJ--DE--MD Urbanized Area 39.973331 -75.298163
Dallas--Fort Worth--Arlington TX Urbanized Area 32.812727 -96.972001
Houston TX Urbanized Area 29.784308 -95.393531
Washington DC--VA--MD Urbanized Area 38.897222 -77.189759
Atlanta GA Urbanized Area 33.824102 -84.331858
@adg29
adg29 / tbrand-ux.md
Last active January 27, 2016 20:24
T Brand Studio UX Job Description

T Brand Studio is a fast-growing team of energetic developers, engineers, designers and writers developing single page applications, compelling and accurate data-visualizations and engaging interactive experiences on multiple devices.

We are hiring a User Experience practicioner to define and conceptualize programs from proposal through to design, development and implementation. This position is accountable for researching, introducing and establishing best practices on user experience and interactivity for all programs. The UX Architect will work closely with our creative teams to help brands leverage the multimedia storytelling power of The New York Times platform.

###RESPONSIBILITIES AND KEY ACCOUNTABILITIES:

  • Define end-user personas, scenarios, and expected interactions as they relate to T Brand Studio campaign experiences.
  • Define specs for engagement, measurement and analysis to ensure end-user interaction is vetted and can be compared against projected and past performance.
  • Create user flows,
@adg29
adg29 / tbrand-fe.md
Last active January 27, 2016 20:33
T Brand Studio Front-End Job Description

T Brand Studio is a fast-growing team of energetic developers, engineers, designers and writers developing single page applications, compelling and accurate data-visualizations and engaging interactive experiences on multiple devices.

We are hiring a front-end developer to develop advertising projects, spearhead web development initiatives, and prototype interesting and novel solutions for our storytelling needs. In addition to production work, a good candidate will have a particular interest in leveraging information design and data visualisation to build small-to-mid size digital products such as scrollable data stories, dashboards, and interactive reports.

Our role is spearheading high quality web technology in collaboration with UX engineers, creative technologists, designers and producers in a high-speed, fast turnaround environment. The front-end dev will work closely with our creative teams to help brands leverage the multimedia storytelling power of The New York Times platform.

Responsibilities and

@adg29
adg29 / README.md
Created March 15, 2016 19:47 — forked from bycoffe/README.md
Town/county map using d3 and TopoJSON

This is a demonstration of how to create a combination town/county map from a shapefile using TopoJSON and d3.js.

It includes a simplified version of the code used for the Massachusetts special Senate election results on The Huffington Post.

Get the data

Download a shapefile of Massachusetts towns from the state's GIS site:

wget http://wsgw.mass.gov/data/gispub/shape/census2000/towns/census2000towns_poly.exe