Teams stats

Cumulative count of team creation, 2025 in blue, 2024 in green.

d3 = require.alias({
  d3: 'd3@7.7.0/dist/d3.min.js',
  'd3-geo': 'd3@7.7.0/dist/d3.min.js',
  'd3-array': 'd3@7.7.0/dist/d3.min.js',
  'd3-geo-projection': 'd3-geo-projection@4.0.0/dist/d3-geo-projection.min.js',
  'd3-geo-polygon': 'd3-geo-polygon@1.12.1/dist/d3-geo-polygon.min.js'
})('d3', 'd3-geo-projection', 'd3-geo-polygon')

world = FileAttachment('../data/world.topo.json').json()

land = topojson.feature(world, world.objects.land)

countries = topojson.feature(world, world.objects.countries)

teams_country = FileAttachment('../data/teams_country@62.csv').csv({ typed: true })

origin = new Map(teams_country.map((d) => [d.iso3c, +d.n]))

countries_without_antarctica = {
  var l = JSON.parse(JSON.stringify(countries)); // clone (useless here but a good idea in general)
  // remove antarctica, i.e. code "010"
  l.features = l.features.filter((d) => d.id != '010');
  return l;
}

projection = d3['geoBertin1953']().rotate([-4, -43]).precision(0.1)

Plot.plot({
  width: 1000,
  height: 560,
  margin: 5,
  projection: projection,
  color: {
    type: 'quantize',
    n: 11,
    // unknown: '#ced4da',
    domain: [1, 18],
    scheme: 'reds',
    label: 'Number of teams',
    legend: true
  },
  marks: [
    Plot.sphere({
      // fill: d3.rgb(241, 246, 251).formatHex(),
      fill: '#00FFFF',
      opacity: 0.3,
      stroke: 'currentColor'
    }),
    Plot.geo(countries_without_antarctica, { fill: '#FFFFFF', opacity: 1 }),
    Plot.geo(
      countries_without_antarctica.features.filter(
        (d) => !["GUF"].includes(d.properties.name)
      ),
      Plot.centroid({
        fill: (d) => origin.get(d.properties.a3),
        tip: true,
        channels: {
          Country: (d) => d.properties.name
        }
      })
    ),
    Plot.geo(countries_without_antarctica, { stroke: 'black' })
  ]
})

Teams per country

Teams