UI, WebGL, dataviz, animations experiments by guillaumemeigniez.me

Data Navigator + D3

Data Navigator is a js lib that adds a layer of accessible navigation to data visualizations. I built a set of examples and d3 helpers to connect that accessibility layer to the d3-generated svg elements.

• Bar chart

  Basic bar chart with data-navigator nav

• Stacked bar chart

  Stacked bar chart with data-navigator nav across categories

• Scratter plot

  Scatter plot chart with data-navigator nav and points groups

• Map

  Map with data-navigator nav bidirectional across countries

• Sankey diagram

  Sankey diagram chart with data-navigator nav across nodes

• Stacked area

  Stacked area chart with data-navigator nav + dimensions API

WebGL

• Blur

  Pixelated blur effect

• Radial Pixel Shader

  Pixelated shader with tile size variation based on mouse position

Animation

• Gooey menu

  Menu & sub menu gooey effect used in clubbingfeels.guillaumemeigniez.me

• List Search

  Animated deck-of-card like search in a list

• Postcards

  Animated stack of post cards