month + category map

100%

month + category map

✓ Published0🌍 Public

Last edited Feb 26, 2020

Created on Feb 26, 2020

A choropleth map of Palghar district highlights child nutrition indicators across eight blocks, with dropdown menus to switch between August, September, and October, and between stunted or severely stunted child counts. The map renders block polygons from a GeoJSON file using d3.geoPath with a Mercator projection, and colors each block red, yellow, or green based on a three-tier threshold. D3 transitions animate the fill changes when a new month or metric is selected, and hovering shows a tooltip with additional stunting, underweight, and low birth weight percentages. Data comes from monthly CSV files merged into the GeoJSON properties.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

dynamic monthwise map

This dynamic map shows child health indicators across blocks in Palghar district, India, with a dropdown to switch between months (August, September, October) and a second dropdown to toggle between severely stunted and stunted children counts. The choropleth colors each block red, yellow, or green based on the selected metric’s value relative to a three-tier scale, and hovering reveals a tooltip with additional percentages for stunting, underweight, and low birth weight. Built with D3 v5, it uses `d3.geoPath` with a Mercator projection, `d3.csv` and `d3.json` for data loading, and `d3.event` for mouse interaction, rendering features as SVG paths with zoom support via `d3.zoom`. The monthly CSV data is merged into the GeoJSON features by block name before rendering, with colors recalculated on selection change.

AAnimesh Nautiyal

90% match

Loading thumbnail…

(adding month)level 1 with all features

This visualization presents a choropleth map of Palghar district, India, showing health indicators for stunting, wasting, and underweight children across administrative boundaries. Users select a month and health category from dropdown menus, and a slider adjusts the color-scale thresholds. Built with D3 v5 and rendered as SVG with animations, the map uses `d3.geoMercator` and `d3.geoPath` to project GeoJSON data, with hover tooltips and zoom-to-bounding-box functionality for drill-down exploration.

AAnimesh Nautiyal

86% match

Loading thumbnail…

Level 1 with all features

This interactive map of Palghar district visualizes child health indicators across administrative blocks, showing metrics like stunting and underweight prevalence. Users can switch between August, September, and October data through a month selector and filter by seven health categories. A slider lets viewers adjust the color thresholds for the choropleth map. The visualization uses D3.js v5 with a Mercator projection to render GeoJSON polygons, providing colored boundaries with labels, tooltips on hover, and an accompanying data table. The SVG rendering adjusts colors and labels dynamically with animated transitions.

AAnimesh Nautiyal

85% match

Loading thumbnail…

dynamic map

This dynamic map visualizes child malnutrition metrics across eight blocks in Palghar, India, using a color-coded choropleth. The map displays the number of moderately stunted children per block, with red, yellow, and green fills indicating low, medium, and high values. Users can hover over blocks to see a tooltip with the block name and stunted child count. The visualization is built with D3 v5, using `d3.geoMercator` for projection, `d3.geoPath` for rendering GeoJSON polygons, and zoom functionality. It supports monthly data switching from a CSV file, updating the block colors accordingly.

SSrishti2398

84% match

Loading thumbnail…

level 1 with all features

This visualization shows a choropleth map of Palghar district, India, displaying nutritional indicators for children across administrative blocks and projects. Users can switch between seven categories, including stunting, wasting, and underweight rates, using a dropdown menu. A slider filters the color scale to focus on specific value ranges, while hovering reveals tooltips with region names and percentages. The map uses D3 v5 with a Mercator projection and `d3.geoPath` to render GeoJSON data. SVG polygons and text labels animate color changes and update values when switching indicators, with zoom support for detailed inspection.

AAnimesh Nautiyal

83% match

Loading thumbnail…

(info)Level 1 with all features

An interactive choropleth map allows exploration of child malnutrition statistics across administrative levels in Palghar, India. Users select a month and a health category (e.g., severely stunted) from dropdowns to update the map’s color encoding via a color scale. A draggable range slider refines the classification thresholds, while hovering over a polygon reveals a tooltip with the block name and percentage. The map, rendered with SVG paths using `d3.geoMercator` and `d3.geoPath` from topoJSON data, includes an animated transition when the slider changes, with zoom support via `d3.zoom`.

AAnimesh Nautiyal

83% match

Loading thumbnail…

(adding awc level)

This visualization presents an interactive choropleth map of Palghar district, India, showing child health metrics such as stunting and underweight prevalence across administrative levels (block, project, beat, and AWC). Users can select a month and health category via dropdowns, and a slider filters the displayed range. The map, built with D3 v5 and SVG, uses a Mercator projection (`d3.geoPath`, `d3.geoMercator`) and updates polygon colors and labels dynamically. A tooltip, data table, and zoom functionality (`d3.zoom`) enhance exploration of the GeoJSON-based geographic and attribute data.

AAnimesh Nautiyal

83% match

Loading thumbnail…

level 1 with all features

This interactive map shows nutritional indicators (stunting, wasting, and underweight prevalence) across administrative regions in Palghar district, India, for three months. A dropdown menu and range slider let users select different health metrics and adjust color thresholds, while hovering reveals tooltips with region names and percentages. Built with D3 v5, the visualization uses `d3.geoPath` with a Mercator projection to render GeoJSON boundaries at the block and project levels. Animated transitions update fill colors when selections change, and the map supports zooming through D3's zoom behavior. Data comes from monthly CSV files.

AAsmabee Khan

81% match