Sandraviz

BEESWARM USING FDRCE LAYOUT

BUBBLE CHART ANIMATED

STACKED BAR CHART ANIMATED

SANKEY INTERACTIVE

SMALL MULTIPLE | SLIDER

SPOTIFY | GENRES

THREATENED SPECIES - BIRDS 2020 ANIMATED

GLOBAL TEMPERATURES ANOMALIES

GLOBAL TEMPERATURES DAILY 1979 - 2024 | D3.JS

GLOBAL TEMPERATURE MONTHLY, 1880-2022 D3.JS

BARCODE PLOT

SPOTIFY | ARTISTS | D3.js | Step 3

POPULATION MAP

ANIMATED SCATTER PLOT

COVID | MOBILITY DATA ON COUNTRIES

AIRBNB BARCELONA | MAP

FORCE DIRECTED LAYOUT

FROM SCATTER TO HEXBIN

ALL NOTEBOOKS

Based on my own experience I know how big is the gab between learning simple d3.js examples and the actual fancy stuff you see around the web. In this 30 days course I provide you with a setup for creating your own first impressive web-based dataviz

30 days of d3.js data viz

Visualización dinamica 2023

Daniel Giljam

I didn't mention already in class but width is defined in general in Observable, but of course you can overwrite it.

us-population-state-age.csv

Barcode Plot