Skip to main content
SimilarExport ZIP
100%

LISA Results Visualization

✓ Published1🌍 Public
SStefan Apostol
Last edited Feb 18, 2024
Created on Dec 28, 2023

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.

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 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
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
66% 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
66% 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…

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