Skip to content

Instantly share code, notes, and snippets.

@vincentpham1991
vincentpham1991 / README.md
Created Aug 17, 2018 — forked from lunarmoon26/README.md
D3 V5 - Faux-3d Shaded Globe With Zoom, Places and Arcs
View README.md

A D3 V5 implementation of a shaded globe mimic the 3d effect. Drag to rotate and middle wheel to zoom. The flyer arcs are interpolated from 2 control points.

You can modify the dataset (Topojson format) to change landmarks.

@vincentpham1991
vincentpham1991 / index.html
Created Aug 15, 2018 — forked from ivyywang/README.md
Drag to Rotate the Globe
View index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
<style type="text/css">
.land{
@vincentpham1991
vincentpham1991 / README.md
Created May 2, 2016 — forked from nnattawat/README.md
Integrate brushing and scrolling zoom interactions
View README.md
@vincentpham1991
vincentpham1991 / ECG2_data.csv
Created May 1, 2016
Global Zooming via Brush for multiple graphs
View ECG2_data.csv
date a
1/1/2014 13:00:00 5.0000000e-002
1/1/2014 13:00:01 6.6100000e-001
1/1/2014 13:00:02 9.9700000e-001
1/1/2014 13:00:03 1.0900000e+000
1/1/2014 13:00:04 1.1300000e+000
1/1/2014 13:00:05 1.1550000e+000
1/1/2014 13:00:06 1.1770000e+000
1/1/2014 13:00:07 1.1860000e+000
1/1/2014 13:00:08 1.1930000e+000
@vincentpham1991
vincentpham1991 / README.md
Created May 1, 2016 — forked from peterk87/README.md
JS+D3: Zoomable, pannable scatterplot with shift keypress enabled brush multiselect of data points
View README.md

JS+D3: Zoomable, pannable scatterplot with shift keypress enabled brush multiselect of data points

This JS+D3 gist creates a scatterplot with zooming and panning enabled as well as a brush for selecting or deselecting points using the iris dataset within data.tsv.

The "Get Selection" button gets the current selection of points and prints their ids to the JS console (i.e. console.log(selection);).

The "Clear Selection" button clears the current selection.

@vincentpham1991
vincentpham1991 / .block
Last active Apr 28, 2016 — forked from psychothan/.block
SF AirBnB Listings: Sunburst Partition
View .block
license: gpl-3.0
@vincentpham1991
vincentpham1991 / cities.csv
Created Apr 15, 2016 — forked from d3noob/.block
World map with zoom / pan and cities
View cities.csv
code city country lat lon
ZNZ ZANZIBAR TANZANIA -6.13 39.31
TYO TOKYO JAPAN 35.68 139.76
AKL AUCKLAND NEW ZEALAND -36.85 174.78
BKK BANGKOK THAILAND 13.75 100.48
DEL DELHI INDIA 29.01 77.38
SIN SINGAPORE SINGAPOR 1.36 103.75
BSB BRASILIA BRAZIL -15.67 -47.43
RIO RIO DE JANEIRO BRAZIL -22.90 -43.24
YTO TORONTO CANADA 43.64 -79.40
@vincentpham1991
vincentpham1991 / README.md
Created Apr 14, 2016 — forked from psychothan/README.md
Strata Interactive Data Visualization: Exercise 3
View README.md

These are the materials for my workshop at Strata San Jose 2015 as well as resources and next steps. Videos of the workshop can be found here.

We will be using the following two tools to works through these exercises:

I would love your feedback on the materials either on the Q&A forum (Google Group) or in the Github issues.

And please do not hesitate to reach out to me directly via email at jondinu@gmail.com or over twitter @clearspandex

@vincentpham1991
vincentpham1991 / index.html
Last active Apr 14, 2016 — forked from psychothan/index.html
Simple Line Chart with Color Gradient
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.12/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<style>
body {
font-family: futura;
width: 960px;
View README.md

Join the chat at https://gitter.im/Jay-Oh-eN/data-scientists-guide-apache-spark

These are the materials for my workshop on creating interactive data visualizations with D3! We will be using the following two tools to work through the exercises:

And please do not hesitate to reach out to me directly via email at jondinu@gmail.com or over twitter @clearspandex

Throughout this workshop, you will learn how to make an interactive map of AirBnB listings in SF to better understand the companies impact on the city.