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

100%

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

✓ Published0🌍 Public

Last edited Mar 1, 2024

Created on Mar 4, 2021

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).

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>

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

forked from <a href='http://bl.ocks.org/MisunoKitara/'>MisunoKitara</a>'s block: <a href='http://bl.ocks.org/MisunoKitara/55ca4ae4d1104d86adc127106fd56ed4'>2017: Circle Packer ICTS excl. spam/geannuleerd</a>

forked from <a href='http://bl.ocks.org/MisunoKitara/'>MisunoKitara</a>'s block: <a href='http://bl.ocks.org/MisunoKitara/c6a2ffc6bc3afdf0972b387fc52250a9'>2018: Circle Packer ICTS (excl. spam/geannuleerd)</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…

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

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.

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

92% 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

91% 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

88% 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

87% 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

86% match

Loading thumbnail…

Zoomable Circle Packing

This interactive visualization displays a hierarchical dataset as nested circles, where each circle represents a node and its size corresponds to the node's value. Clicking any circle animates a zoom to that node, revealing its children and hiding unrelated elements. The implementation uses d3.layout.pack for the circle layout and d3.interpolateZoom for smooth zoom transitions. The data comes from the flare.json file, which contains a tree structure with named categories and numeric sizes. The visualization renders with SVG circles and labels, with a color scale applied by tree depth.

AAndresAnayaIsaza

71% match