Skip to main content
SimilarExport ZIP
100%

(adding month)level 1 with all features

✓ Published1🌍 Public
AAnimesh Nautiyal
Last edited Mar 10, 2020
Created on Mar 3, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% 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
91% 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
90% 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
90% 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
90% match
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
88% match
Loading thumbnail…

month + category map

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.

AAnimesh Nautiyal
86% match
Loading thumbnail…

feat1_with_month

This interactive bar chart visualizes monthly child nutrition metrics—height and weight percentages—across eight administrative blocks in Palghar, India. Users select a metric (Height% or Weight%) and a month (August, September, or October) via dropdown menus. The chart animates transitions between selections using D3's `transition().duration()`, updating bar heights, colors, and the y-axis scale. A tooltip displays exact values on hover. The visualization uses `d3.csv` for data loading, `d3.scaleBand` and `d3.scaleLinear` for scales, `d3.interpolateRdYlGn` for color encoding, and renders SVG rects with text labels.

AAsmabee Khan
81% match