Skip to content

Instantly share code, notes, and snippets.

Avatar

Yannick Assogba tafsiri

View GitHub Profile
@tafsiri
tafsiri / cars_data.js
Created Jan 31, 2019
cars.json as js file
View cars_data.js
var carsData = [
{
"Name":"chevrolet chevelle malibu",
"Miles_per_Gallon":18,
"Cylinders":8,
"Displacement":307,
"Horsepower":130,
"Weight_in_lbs":3504,
"Acceleration":12,
"Year":"1970-01-01",
@tafsiri
tafsiri / .block
Created Jul 7, 2017
Sorting with generators + history
View .block
license: mit
height: 300
border: no
@tafsiri
tafsiri / .block
Last active Jul 7, 2017
Sorting animation with generators
View .block
license: mit
height: 300
border: no
@tafsiri
tafsiri / .block
Last active Aug 1, 2017
Stepper with generators
View .block
license: mit
height: 600
border: no
@tafsiri
tafsiri / .block
Last active May 8, 2017 — forked from pbeshai/.block
Animate 100,000 points with regl
View .block
license: mit
height: 720
border: no
@tafsiri
tafsiri / README.md
Last active Apr 18, 2017
Tangram Firefly Map
View README.md

Tangram Shader Firefly Map

Visual effects with fragment shaders

@tafsiri
tafsiri / .block
Last active Feb 26, 2017
HS Neutral 4 Drops
View .block
license: mit
height: 720
border: no
View README.md

Tangram Interactive Shader

Driving shaders params via mouse interaction.

Notes

Use requestRender rather than updateConfig and you can set scene properties (e.g. uniforms) directly.

To interact with uniforms, declare them in the scene file then directly manipulate them from the scene object (not the config) in the JS api.

View README.md

Tangram Choropleth.

Notes

The mapzen tiles osm boundaries layer only seems to include lines between countries, not the outline of the country itself, this implies the line mayu not be a closed polygon. You won't get the line running along the coast and Australia doesn't have any boundary data.

Get border data from https://mapzen.com/data/borders/