Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Productivity-Complexity thesis

✓ Published0🌍 Public
SStefan Apostol
Last edited Feb 18, 2024
Created on Dec 20, 2023

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

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…

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
96% 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
86% 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
82% 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…

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 Choropleth Map

This fork of a choropleth map colors countries by their economic classification using a spectral color scale, with an interactive SVG legend displaying the categories. The map uses the Natural Earth 50m dataset, loaded via the `d3.json` and `d3.tsv` functions, and renders geographic paths with `d3.geoPath`. It employs `d3.scaleOrdinal` for color mapping and `d3.zoom` for pan/zoom interactions, with hover effects highlighting countries in red.

Rrpadron8
74% 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
74% 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
73% match