Skip to content

Instantly share code, notes, and snippets.

View rveciana's full-sized avatar
🐢

Roger Veciana i Rovira rveciana

🐢
View GitHub Profile
@rveciana
rveciana / README.md
Last active August 29, 2015 13:59
Hayan typhoon gradient colored track
@rveciana
rveciana / README.md
Last active August 29, 2015 13:59
Hayan typhoon gradient colored track II
@rveciana
rveciana / README.md
Last active August 29, 2015 14:03
D3 Trail Layout example

This is my first example using the D3 trail layout made by Benjamin Schmidt. There is no complete hellow world example yet in the official docs, so I created this one.

@rveciana
rveciana / README.md
Last active August 29, 2015 14:03
D3 Trail Layout using coordinates

This an example using the D3 trail layout made by Benjamin Schmidt. The example shows how to use the coordinates as the coordType value. The track.json data represents the Hayian typhoon track, as it's explained in this blog entry.

There is a blog entry explaining this example at GeoExamples

@rveciana
rveciana / README.md
Last active August 29, 2015 14:03
D3 Trail Layout animated map with icon and using coordinates

This an example using the D3 trail layout made by Benjamin Schmidt.

The final example, with the typhoon icon moving along the path and the date for each frame shown. This version uses the coordinates value instead of xy, so paths are drawn instead lines

There is a blog entry explaining this example at GeoExamples

@rveciana
rveciana / README.md
Last active August 29, 2015 14:03
D3 Trail Layout animated map with icon

This an example using the D3 trail layout made by Benjamin Schmidt.

The final example, with the typhoon icon moving along the path and the date for each frame shown.

There is a blog entry explaining this example at GeoExamples

@rveciana
rveciana / README.md
Last active August 29, 2015 14:03
D3 Trail Layout animated map

This an example using the D3 trail layout made by Benjamin Schmidt. In this case, the animated Hayian Typhoon track map is shown, with the colour changing with the typhoon class, as in this example, but in an easier and cleaner way.

There is a blog entry explaining this example at GeoExamples

@rveciana
rveciana / README.md
Last active August 29, 2015 14:15
JSL 2015: Gráfico con transiciones
@rveciana
rveciana / README.md
Last active August 29, 2015 14:15
JSL 2015: Gráfico sencillo

Primer ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .

El ejemplo muestra como crear un gráfico de barras sencillo con D3js.

Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia

@rveciana
rveciana / README.md
Last active August 29, 2015 14:15
JSL 2015: Gráfico con popup

Tercer ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .

Al ejemplo anterior, añadimos un popup con la información numérica.

Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia