Data Visualization Freelancer
D3.js | Storytelling | Climate Change
SPOTIFY | GENRES | D3THREATENED SPECIES - BIRDS 2020 ANIMATEDINTERACTIVE TIMEFRAMEVISUAL ENCODING BUTTON | HTMLSPOTIFY | ARTIST | SIMPLE CHARTd3.scaleBand( )TOOLTIPPORTUGAL BASEMAPSPOTIFY ARTISTS | ARQUERO.JSINTRO TO D3.JSDecision treesBias-Variance trade-off dilemmaLimitations of AIUSA GAS PRICE 2000-22REFUGEES | INTERACTIVETREE COVER LOSSSLIDER AREA COLOR GRADIENTANIMATED LINEANIMATED LINE CHARTd3.least( ), d3.sort( )BAR CHART WITH SCALESINTRO TO HTML, SVG & CSSd3.transition( )THE UNWELCOMED | ARQUERO.JSSPOTIFY | YEARS | ARQUERO.JSINTRO TO OBSERVABLEINTRO TO JAVASCRIPTd3.geoPathCSS PATH ANIMATIONAlgorithmic biasINTRO TO PLOT.JSGLOBAL TEMPERATURE TRENDS, 1880-2022 ARQUERO.JSINTRO TO ARQUERO.JSDATA SOURCES: CLIMATE AND NATUREGLOBAL TEMPERATURES ANOMALIESGLOBAL TEMPERATURES DAILY 1979 - 2023 | D3.JSRecommender systemsLINE COLOR GRADIENTd3.area( )HTML BUTTONSSIMPLE TRANSITIONSPOTIFY | ARTISTS | D3.JS | Step 2THE UNWELCOMED | PLOT.JSd3.csv( )d3.scale( )Sequental color scaleCustomised color generatorGLOBAL TEMPERATURE MONTHLY, 1880-2022 D3.JSd3.axis( )BARCODE PLOTAREA COLOR GRADIENTD3.JS COURSE | 30 DAYSDATA SOURCESSCALED CIRCLESSCATTER PLOT WITH AXESSPOTIFY | ARTISTS | D3.js | Step 3ANIMATED COLORAIRBNB BERLIN | DATAd3.select.data( )d3.select.append( )POPULATION MAPSIMEPLE SCALINGd3.tip( )ANIMATED SCATTER PLOTCOVID | MOBILITY DATA ON COUNTRIES70s CAR BUBBLE CHARTVENN DIAGRAMAIRBNB BARCELONA | MAPd3.hexbinCOVID | MOBILITY DATA ON CITIESLINE TEMPLATESFORCE DIRECTED LAYOUTFROM SCATTER TO HEXBINd3.forceSimulation
THE POWER OF SCALE
Start building your own data visualizations from examples like this.
Powering the world’s best data teams. Use Observable to explore your data, create visualizations, and share insights faster.
More from Observable creators