Head coach data science @neuefische, @pyladieshamburg organizer , vice chair on the @python Software Verband, managing member @PSF and part of the D&I PSF work group
Published
Edited
Apr 20, 2021
4 stars
Women in the German Bundestag by PartyDiversity in the German BundestagPlaying Dota 2 as Crystal MaidenCumulative Dota 2 Stats - Do I play a lot?Pizza Chart - the temptation was strong with this oneWho Shrinks more with Age and what does Sports have to do with it?Exotic Animals for Sale on the Black MarketAuthors of Books with the Word Statistics in the TitlePlaying Piano with the Vaccine in GermanyThe Babyklappe in GermanyStripy Walking Mobility during CovidBlocks Colors: Charts vs Number of ColorsMoon to Earth Distance - Radial AreaDoes Pineapple Belong on Pizza?Deforestation - Arc DiagramABBA Lyrics Sentiment over the YearsAnnual Global Sea LevelsColors Frequently used Together in Charts in 2020!Gender Employment Gap in EuropeSun Distance to Earth Year TilesAnimated April Day in HamburgHamburg from Dusk till DawnCovid Deaths in Germany .. what has changed?Part-time work in Europe by Gender and Number of Kids2018 World Literacy in Confidence StripsWorld Population Aging - UN 2013Years of Colonialism in Africa and Asia - Du Bois Radial Chart30 Days of Perceived Frustration in 3D BarsAnnual Global Sea Levels vs Temperature
Plastic Bags since 1950 - packed squares
gigaformat = d3.formatPrefix(".3",1e+9)
padding = 10
colors = d3.scaleSequential()
.domain([Math.log(min), Math.log(max)])
.interpolator(d3.piecewise(d3.interpolateRgb.gamma(0.5), ["#3B9AB2","#78B7C5", "#EBCC2A", "#F21A00"]))
hierarchy = d3.hierarchy(data)
.sum(d => d.value)
.sort((a, b) => b.value - a.value)
pack = squarePacking(hierarchy, "Tons of Plastic", "produced: 1950-2015")
data = {
var children = []
for (let dec of decades){
let m = d3.min([dec+9,2015])
children.push({"name":dec+"-"+m,"children":data_raw.filter(d => d.name>=dec & d.name <= m)});
}
return ({"children":children});
}
decades = [1950, 1960, 1970,1980,1990,2000,2010]
data_raw = d3.csvParse(await FileAttachment("30daychart - plastic_year-2.csv").text(), ({name, m_tons}) => ({name: name, value: +m_tons})).sort((a, b) => b.year - a.year)
max = d3.sum(data_raw, d=>d.value)
min = d3.min(data_raw.map(d =>d.value))
x = d3
.scaleSqrt()
.domain([d3.min(data_raw.map(d =>d.value)), d3.max(data_raw.map(d =>d.value)) ])
.range([width/100, 15*width])
.nice()
import {d3, chart, color} from "@d3/circle-packing"
import { boundingBox, SquareArrangement } from "@esperanc/square-packing"
html`<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono&display=swap" rel="stylesheet">`
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
