Skip to main content
SimilarExport ZIP
100%

2023 Circle Packer ICTS (incl. spam/geannuleerd) - new

✓ Published0🌍 Public
MMisunoKitara
Last edited Mar 1, 2024
Created on Mar 1, 2024

This interactive visualization shows continents as large circles, with smaller circles inside them representing languages, scaled by the number of countries speaking each language. It uses a hierarchical circle packing layout rendered with D3.js, supporting animated transitions between views. The visualization is built using the HTML Widgets framework and custom JavaScript, adapting code from the circlepackeR R package. Data includes languages per continent from a gist source, with the option to include or exclude spam and cancelled entries.

AI-generated description

This is an example of Continents and languages in their respective countries scaled by the number of countries that speak each language in the continent. Thanks to the author of the circlepackeR package in R for the code for this visualization.

forked from <a href='http://bl.ocks.org/justlebeau/'>justlebeau</a>'s block: <a href='http://bl.ocks.org/justlebeau/8407ec9be286903945e020a6dafa2698'>Circle Packer Continents and Languages Spoken</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/ca664e05316a33fb9299dd0374b5ba7a'>Circle Packer Continents and Languages Spoken</a>

mit Licensed

Similar vizzes

Loading thumbnail…

2024: Circle Packer ICTS (incl. spam/geannuleerd)

This animated circle packing visualization displays continents and the languages spoken within them, with circle sizes scaled by the number of countries speaking each language. The data originates from a gist by MisunoKitara, updated for 2024 including spam and cancelled entries. Built using the `circlepackeR` package in R, the visualization relies on D3.js force-directed layout algorithms to position and size the nested circles, rendering the hierarchical structure of language distributions across continents.

MMisunoKitara
94% match
Loading thumbnail…

2017: Circle Packer ICTS excl. spam/geannuleerd

This interactive animation visualizes continents and their languages, with circle sizes scaled by the number of countries speaking each language. Built with the circlepackeR R package and D3.js, it uses a hierarchical bubble layout to nest language circles within continent groupings. The data, sourced from a gist, excludes spam and cancelled entries, and renders as an animated, zoomable circle-packing diagram with smooth transitions between levels.

MMisunoKitara
94% match
Loading thumbnail…

2023: Circle Packer ICTS (incl. spam/geannuleerd)

This animated circle-packing visualization displays a hierarchical dataset of continents, languages, and the countries where they are spoken, with circle sizes scaled by the number of countries per language. The rendering uses the `circlepackeR` package in R to generate the layout, then animates transitions between different years of data. It builds on D3’s treemap and `d3.zoom` for interactive panning and zooming. The dataset appears to track ICT event submissions, including spam and cancelled entries, across multiple years (2017, 2018, and 2023).

MMisunoKitara
93% match
Loading thumbnail…

2019: Circle Packer ICTS (excl. spam/geannuleerd)

This animated visualization uses a circle-packing layout to display continents and the languages spoken within each, with circle sizes scaled by the number of countries speaking each language. The rendering relies on the circlepackeR R package, which implements the circular packing algorithm through D3.js force-directed simulation. Data is sourced from a Gist example originally created by justlebeau, with subsequent forks refining the dataset through 2019. The animation dynamically adjusts the nested circles, providing a hierarchical view of linguistic distribution across global regions.

MMisunoKitara
93% match
Loading thumbnail…

2021: Circle Packer ICTS (excl. spam/geannuleerd)

This animated circle-packing visualization displays 2021 ICTS event data, excluding spam and cancelled entries. The rendering uses a force-directed layout via `d3.forceSimulation` to position nested circles, with each circle sized to represent a data category. The animation iterates through time steps, updating the hierarchical packing in real time. The code relies on HTML widgets and D3.js, loading data directly from a gist source.

MMisunoKitara
83% match
Loading thumbnail…

2018: Circle Packer ICTS (excl. spam/geannuleerd)

This animated circle-packing visualization displays 2018 ICTS submissions (excluding spam and cancelled entries), sized and nested according to a hierarchical data structure. It inherits its core layout from the R `circlepackeR` package, which generates the circles using a JavaScript implementation of the packing algorithm. The rendering relies on D3.js to compute and draw the circles, with the animation updating the display over time. The data is drawn from a gist, and the code forks from prior blocks on the same topic.

MMisunoKitara
82% match
Loading thumbnail…

2024: Circle Packer ICTS (incl. spam/geannuleerd) v1.1

This animated visualization packs circles into a hierarchical layout, displaying a year’s worth of ICTS ticket data categorized as spam or cancelled. The view uses an interactive circle-packing algorithm to nest groups and items by status, with circles appearing and resizing as the layout animates over time. The implementation relies on D3’s `d3.pack` and `d3.forceSimulation` for layout and physics, while transitions are driven by `transition.attrTween` to smoothly update circle positions and radii. Data is ingested from an inline JavaScript source, rendering entirely in the browser via HTML widgets.

MMisunoKitara
81% match
Loading thumbnail…

Fork of Circles on a Map

This visualization uses proportional circles on a natural Earth projection map to show population by country for 2018, with circle area scaled via d3.scaleSqrt and hover tooltips revealing exact figures. It integrates d3.zoom for panning and zooming, d3.geoPath for rendering country boundaries from TopoJSON, and d3.geoCentroid to position circles at country centers. A color legend and size legend annotate the view, while data is loaded via d3.csv and d3.json. Missing population data renders countries in light red, and hover highlights countries in teal.

Aashan521
68% match