LISA Live-chat

100%

LISA Live-chat

✓ Published0🌍 Public

Last edited Feb 18, 2024

Created on Jan 3, 2024

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.

AI-generated description

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

See also React Starter. .legend({ x:10, y:140, title: "Digital Complexity", labelDecNb: 0 }) if (window.innerWidth > 800) { map.insets("default") } else { // settings for smaller devices map.legend({ labelDecNb:0, x: window.innerWidth - 80, y:5 }) .titleFontSize(20) .botTxtFontSize(12) .tooltip({fontSize:10}) .legend({labelFontSize:9}) }

MIT Licensed

Similar vizzes

Loading thumbnail…

LISA Results Visualization

This visualization displays LISA (Local Indicators of Spatial Association) results across European NUTS level 2 regions, categorizing each area into four quadrants (High-High, Low-High, High-Low, Low-Low) based on spatial clustering patterns, with islands marked as NA. The map uses eurostat-map to render SVG geometry, loading data from a CSV file containing NUTS IDs and LISA values, and applies custom fill colors and legend labels. It includes responsive insets for small screens, a legend for the digital complexity categories, and a JavaScript button that serializes the SVG for download.

SStefan Apostol

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

71% match

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

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

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

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

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

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

63% match