Data Visualization Freelancer
D3.js | Storytelling | Climate Change
D3.JS COURSE | 30 DAYSINTRO TO D3.JSINTRO TO OBSERVABLEINTRO TO HTML, SVG & CSSINTRO TO JAVASCRIPTd3.select.append( )VENN DIAGRAMd3.select.data( )d3.csv( )SPOTIFY | ARTIST | SIMPLE CHARTAIRBNB BERLIN | DATAHISTOGRAMDATA SOURCESd3.scale( )SIMEPLE SCALINGSCALED CIRCLES70s CAR BUBBLE CHARTTHE POWER OF SCALEBAR CHART WITH SCALESd3.axis( )BARCODE PLOTSCATTER PLOT WITH AXESSPOTIFY | ARTISTS | D3.JS | Step 1d3.transition( )SIMPLE TRANSITIONANIMATED COLORANIMATED SCATTER PLOTVISUAL ENCODING BUTTON | HTMLHTML BUTTONSSPOTIFY | ARTISTS | D3.JS | Step 2THREATENED SPECIES - BIRDS 2020 ANIMATEDd3.scaleBand( )SPOTIFY | ARTISTS | D3.js | Step 3d3.tip( )d3.hexbinFROM SCATTER TO HEXBINSPOTIFY | GENRES | D3SPOTIFY | YEARS | ARQUERO.JSSPOTIFY ARTISTS | ARQUERO.JSGLOBAL TEMPERATURE TRENDS, 1880-2022 ARQUERO.JSTHE UNWELCOMED | ARQUERO.JSGLOBAL TEMPERATURE MONTHLY, 1880-2022 D3.JSd3.line( )LINE COLOR GRADIENTd3.area( )AREA COLOR GRADIENTTOOLTIPREFUGEES | INTERACTIVEUSA GAS PRICE 2000-22GLOBAL TEMPERATURES ANOMALIESINTERACTIVE TIMEFRAMEANIMATED LINE CHARTCSS PATH ANIMATIONANIMATED LINETREE COVER LOSSGLOBAL TEMPERATURES DAILY 1979 - 2023 | D3.JSCONSUMPTION EMISSION | D3.JS & ARQUERO.JSCOVID | MOBILITY DATA ON CITIESd3.geoPathPOPULATION MAPPORTUGAL BASEMAPAIRBNB BARCELONA | MAPFINAL PROJECT1. ASSIGNMENT2. ASSIGNMENT3. ASSIGNMENTd3.least( ), d3.sort( )
INTRO TO ARQUERO.JS
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