CMS Tech Share

100%

CMS Tech Share

✓ Published0🌍 Public

Last edited Feb 6, 2024

Created on Jan 1, 2024

This visualization maps the share of dependent live-chat traffic across Swiss NUTS-2 regions, using a sequential color scale built with `d3.scaleSequential` and `d3.interpolateRdPu`. The choropleth is rendered as SVG via the `eurostat-map` library, which loads CSV data from a GitHub gist and applies threshold-based classification. A custom arrow annotation and text label are appended to the SVG using `d3.select` and `svg.append`, drawing attention to a specific region. Users can download the resulting map as an SVG file through a button-triggered `XMLSerializer` export.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter. .classifMethod("threshold") .color(d3.interpolateBlues)

        .threshold([  5,10, 15,20,25, 30,35,40, 45 ])
         d3.scaleSequential( = d3.scaleSequential(d3.interpolateRdYlBu).domain([1, 45]);

MIT Licensed

Similar vizzes

Loading thumbnail…

CMS Tech Share

This example shows the share of dependent individuals using live-chat technology across Swiss NUTS-2 regions, with a sequential RdPu color scale and threshold-based classification. It uses the `eurostat-map` library, D3 modules (`d3-scale`, `d3-scale-chromatic`, `d3-interpolate`), and a custom download button that serializes the rendered SVG via `XMLSerializer`. The map includes a legend, tooltips, and responsive adjustments for smaller screens.

SStefan Apostol

94% match

Loading thumbnail…

Reldens

This example displays a choropleth map of Switzerland, visualizing “Relatedness Density” data for NUTS2 regions using a threshold classification. The map uses a sequential RdYlBu color scale from `d3.scaleSequential` and `d3.interpolateRdYlBu` to encode the values. It leverages the `eurostat-map` library to render the map with SVG, and includes a legend, tooltips, and an inset for small screens. The underlying CSV data is loaded from a GitHub gist, and a button allows downloading the resulting SVG.

SStefan Apostol

78% match

Loading thumbnail…

TRY COMPLEX

This map of Switzerland displays the normalized "Digital Complexity" across NUTS-2 regions, using a color gradient from the d3-scale-chromatic `d3.interpolatePlasma` scale. The eurostat-map library generates the SVG, with a threshold classification method and custom legend. The code also includes a button to download the rendered SVG, and the visualization adapts its layout and tooltip settings for smaller screens using responsive JavaScript conditions. The data is loaded from a CSV file stored on GitHub.

SStefan Apostol

77% match

Loading thumbnail…

Fork of Reldens

This example visualizes Relatedness Density across Swiss NUTS2 regions using a choropleth map. It employs the eurostat-map library to render the geographic boundaries as SVG, with a sequential color scale created via d3.scaleSequential and d3.interpolateYlGnBu to encode data values. The map uses threshold-based classification with specific cutoffs, and includes a legend and tooltips. The visualization also provides a button to download the rendered SVG, and adapts its layout and legend position based on viewport width.

SStefan Apostol

77% match

Loading thumbnail…

complexity thesis

This interactive choropleth map displays digital complexity across Swiss NUTS2 regions using threshold-based classification. Built with the `eurostat-map` React library and rendered as SVG, it visualizes normalized complexity values from a CSV file, with a "DIGITAL COMPLEXITY" legend. The map includes insets for larger screens and a download button that serializes the SVG to a file via `XMLSerializer`, while responsive settings adjust legend and tooltip sizes for smaller devices.

SStefan Apostol

76% match

Loading thumbnail…

Fork of Fork of Productivity-Complexity thesis

This example displays a bivariate choropleth map of European NUTS2 regions, visualizing the relationship between digital complexity and productivity. The map uses a custom color scale with eight classes, blending `d3.interpolatePuBuGn` for one variable and `d3.interpolateRdYlBu` for the other, with thresholds applied to categorize data. It is rendered as an SVG using the `eurostat-map` library, which loads CSV data from a GitHub gist. The visualization includes an interactive legend and a download button that serializes the SVG to a file via `XMLSerializer`.

SStefan Apostol

73% match

Loading thumbnail…

Fork of Productivity-Complexity

This visualization displays a bivariate choropleth map of European NUTS2 regions, comparing digital complexity and productivity values. The map uses the eurostat-map library to render SVG regions, with each variable loaded from a CSV file via the `stat()` API. A custom `d3.scaleSequential` with the `interpolatePuBuGn` color scheme defines the bivariate color legend, while `d3.scale-chromatic` and `d3-interpolate` support palette generation. The map includes an interactive legend and a download button that serializes the SVG using `XMLSerializer`.

SStefan Apostol

73% match

Loading thumbnail…

Untitled

A static choropleth-style map of Switzerland displays each canton as a gray filled polygon with white boundaries, overlaid with the canton names positioned at their geographic centroids. The visualization is rendered in SVG using D3 v3, with the Albers projection and a TopoJSON dataset (`readme-swiss.json`). The code applies `d3.geo.path` for geographic feature rendering, `topojson.feature` and `topojson.mesh` for extracting canton polygons and boundaries, and `path.centroid` to place the text labels.

BBaumii-ui

71% match