Skip to main content
SimilarExport ZIP
100%

TRY COMPLEX

✓ Published0🌍 Public
SStefan Apostol
Last edited Feb 19, 2024
Created on Dec 19, 2023
Forked from Fork of Reldens

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.

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…

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
88% match
Loading thumbnail…

Fork of complexity thesis

This choropleth map displays digital complexity across European NUTS2 regions, with darker blues indicating higher normalized complexity values and a legend mapping thresholds from 20 to 100. Using D3.js v6 and the Eurostat Map library’s `map()` builder, it applies a sequential color scale with `d3.interpolateYlGnBu` to CSV data from a GitHub gist. The map supports hover tooltips, responsive resizing that adjusts legend placement, and an SVG download feature via XML serialization.

NNita
80% match
Loading thumbnail…

Fork of complexity thesis

This choropleth map displays digital complexity across European NUTS2 regions, with darker blues indicating higher normalized complexity values and a legend mapping thresholds from 20 to 100. Using D3.js v6 and the Eurostat Map library’s `map()` builder, it applies a sequential color scale with `d3.interpolateYlGnBu` to CSV data from a GitHub gist. The map supports hover tooltips, responsive resizing that adjusts legend placement, and an SVG download feature via XML serialization.

NNita
80% match
Loading thumbnail…

Fork of Digital Complexity-Full

This fork of Digital Complexity-Full uses the Eurostat Map framework to render a choropleth map of European NUTS2 regions, colored by a normalized "Complexity" indicator from a CSV file hosted on GitHub. It visualizes the data using threshold classification with breaks at 20, 40, 60, 80, and 100, and includes a legend, tooltips, and country insets for larger screens. The SVG output is generated via JavaScript, and the page includes a button that serializes the map to an SVG file for download, leveraging the `eurostat-map` API and the `XMLSerializer`.

SStefan Apostol
79% 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
78% match
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
77% 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
77% match
Loading thumbnail…

ProjectsAdvanced

This example uses the eurostat-map library to render a choropleth of Switzerland at the NUTS 3 level, showing the number of advanced projects per region. The map applies a threshold classification with five bins and displays a legend, while neighboring countries remain white. Zero values are treated as missing data and colored gray. The SVG output can be downloaded via a button, and the visualization adapts its legend position and font sizes for smaller screens.

SStefan Apostol
76% match