Skip to main content
SimilarExport ZIP
100%

CMS Tech Share

✓ Published1🌍 Public
SStefan Apostol
Last edited Jan 3, 2024
Created on Jan 1, 2024
Forked from Fork of Reldens

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.

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

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
76% 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
74% 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
74% 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
73% 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
71% match
Loading thumbnail…

LISA Live-chat

This interactive choropleth map visualizes LISA clustering results across European NUTS regions, categorizing each area into four spatial association types (High-High, Low-High, High-Low, Low-Low) plus an “Island” designation. The eurostat-map JavaScript library renders the SVG map, loading CSVs of regional classifications from a GitHub gist and applying a custom color palette for each category. The page includes responsive legend adjustments for smaller screens and a Download SVG button that serializes the current map to a file for export.

SStefan Apostol
70% match
Loading thumbnail…

CO2

This example displays total greenhouse gas emissions across Swiss NUTS2 regions on a choropleth map, using the eurostatmap library. The visualization color-codes regions with a sequential RdYlBu scale, employing a threshold classification method to bin emission values into distinct color intervals. The map is rendered as SVG and built with React, integrating d3-color and d3-scale-chromatic for color interpolation. It includes a legend showing emission ranges, tooltips, and a button to download the resulting SVG, with responsive layout adjustments for smaller screens.

EEduardo Hernández Rodríguez
69% match