Skip to main content
SimilarExport ZIP
100%

Water quality in Moscow

✓ Published0🌍 Public
KKoGor
Last edited Sep 19, 2013
Created on Sep 19, 2013

A choropleth map of Moscow displays tap-water quality measurements by district, with a sidebar table showing values for pH, turbidity, and other indicators when a district is clicked. Hovering highlights the district name, and icons mark water treatment stations. The visualization uses D3.js v3 with `d3.geo.mercator`, `d3.geo.path`, and TopoJSON to render the map, while `queue()` loads CSV data from Mosvodokanal’s 2013 open-data hub, with tooltips implemented via mouse events.

AI-generated description

Качество воды в районах Москвы. Инфографика основана на данных с хаба открытых данных, замеры показателей качества воды производились Мосводоканалом в период с 19 по 25 августа 2013 года.

При выполнении контроля качества воды в системах холодного водоснабжения городской водопроводной сети отбор проб воды для анализа производится непосредственно из кранов потребителей (в школах, магазинах, аптеках, больницах и др. учреждениях) в более чем 250 точках по территории города.

Анализ собранных таким образом данных показал, что все показатели в пределах нормы (СанПиН 2.1.4.1074-01).

Similar vizzes

Loading thumbnail…

Accidents on the Road - Choropleth

A choropleth map of Russia colors each federal region according to the rate of car accidents per capita, using a threshold scale with ranges like low, medium, and high. Hovering over a region highlights it and reveals a tooltip with the region’s name and value. The visualization also labels major cities with circles. Built with D3 v3, it uses `d3.geo.path`, `d3.geo.albers`, and TopoJSON for map rendering, while reading data from CSV and TSV files.

TTaustus
65% match
Loading thumbnail…

Choropleth worldmap with cities

This interactive choropleth world map uses a categorical color scale to depict each country’s income group, with a clickable legend that filters and highlights matching regions plus dims others in SVG. It supports pan and zoom via d3.zoom. The map also plots major Russian cities with their absolute locations using data from a local TSV file. Built with React and D3 v5, it renders countries from TopoJSON using d3.geoPath with a natural Earth projection, while `d3.scaleOrdinal` maps income groups to a spectral palette.

PPeter S
65% match
Loading thumbnail…

Accidents on the Road - Choropleth

This choropleth map visualizes road accident deaths across Russian regions for 2012, using a threshold color scale to differentiate mortality rates per region. It shows a hover tooltip displaying the region name and death count, alongside labeled city markers. The visualization is built with D3 v3, using `d3.geo.albers` projection, `d3.geo.path`, and `d3.scale.threshold` for coloring, with SVG rendering and animated transitions for hover effects. Data comes from a CSV file and a TopoJSON map, with city coordinates from a TSV file.

KKoGor
65% match
Loading thumbnail…

Russia

This visualization shows a choropleth-style map of Russia, with each of its federal subjects (oblasts, krais, and republics) filled in a sequential color scale ranging from light to dark blue. The map uses D3.js (v3) with SVG rendering to draw the geographic boundaries from a TopoJSON file. Users can hover over individual regions to highlight them and view tooltip details, likely the region name, making it an interactive reference for exploring Russia's administrative divisions. The title and axes, if any, are minimal, focusing attention on the geographic shape and the color-encoded data. The visualization is built with D3.js version 3 and follows an MIT license.# Russia This visualization displays a choropleth-style map of Russia using an SVG-based D3.js render. Built with D3 v3, the visualization highlights the country's administrative subdivisions using a subtle color scale, with each region rendered as an interactive SVG path. The map emphasizes the geographic boundaries and spatial relationships between Russia's federal subjects. **Technical details:** The visualization uses TopoJSON data to render the map, employing a standard geographic projection. The layout is clean and minimal, focusing on the country's outline and internal boundaries. No explicit data values are encoded in the visible marks—the visualization appears to focus on geographic shape rather than quantitative comparison. It is part of a series of blocks exploring country-level maps, forked from earlier examples featuring Brazil and Russia. The visualization is built with D3.js v3, uses SVG rendering, and is available under the MIT license. The author is EvertLagerberg, and the block was created using Blockbuilder.org. The code is forked from a series of related blocks, showing an iterative development of the geographic visualization approach.# Russia A minimalist SVG map of Russia rendered with D3.js, demonstrating geographic data visualization through a clean, monochromatic design. The visualization presents the country's outline using a simplified TopoJSON format, highlighting the geographic boundaries in a straightforward, unadorned manner suitable for reference or presentation contexts. Built with D3 v3 and SVG rendering, this example follows a line of geographic visualizations for different countries, with Russia being the final iteration in a series that includes Brazil. The visualization focuses on clarity and simplicity, making it a useful template for country-level mapping projects. Available under the MIT license.

EEvertLagerberg
65% match
Loading thumbnail…

Accidents on the Road - Choropleth

This choropleth maps road accident deaths across Russian regions, using a threshold color scale from light green to dark red, and includes interactivity where hovering highlights a region and displays its name and fatality count on a tooltip. It also plots major cities as points and includes a vertical legend. Built with D3.js v3, it uses the `d3.geo.albers` projection and `d3.geo.path` to render the map geometries from TopoJSON, while `d3.csv` and `d3.tsv` load the accident and city data, and SVG shapes, transitions, and the `d3.select` API handle the visualization and mouseover effects.

TTaustus
63% match
Loading thumbnail…

Accidents on the Road - Choropleth

This choropleth map visualizes road accident data across Russian regions, coloring each region according to a normalized value using a per-region threshold scale with custom color domains. The visualization includes city markers and a legend, with tooltips showing regional names and values on hover. Built with D3 v3, it uses `d3.geo.albers` projection, `d3.geo.path`, and TopoJSON to render geographic boundaries, while data from a CSV file drives the color assignments via `d3.scale.threshold`. The map also handles missing region data by mapping certain administrative codes to equivalent values.

HHui Zhang
62% match
Loading thumbnail…

Country Map --Russia--IC8

This example displays a choropleth-style map of Russia, with each state filled in red and outlined in black, rendered as SVG paths on a bisque-colored background. The visualization uses D3’s `geoPath` with the `geoNaturalEarth1` projection, centered on Russia, and loads TopoJSON data via `topojson.feature` to draw regional boundaries. Users can pan and zoom the map using D3’s `zoom` behavior. An ordinal color scale (`scaleOrdinal` with `schemeCategory10`) is defined, though only the red fill is currently applied.

Rrajasrilekkala
62% match
Loading thumbnail…

Accidents on the Road - Choropleth

This visualization presents a choropleth map of road accident deaths across Russian regions, with color-coded polygons indicating mortality rates and city markers overlaid on major population centers. Hovering over a region reveals its name and death count via a tooltip. The map is rendered using D3 v3’s `d3.geo.albers` projection and `d3.geo.path` on topojson data, while a `d3.scale.threshold` maps death values to a green-to-red color scale. Accident statistics come from a CSV file, and city coordinates are loaded from a TSV file.

KKrishu
62% match