Skip to main content
Log in
M

mounika-hub

@mounika-hub·25 public vizzes

Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 17, 2019
Loading thumbnail…

Massachusetts City Population by Burglary

This visualization displays the total influenza-like illness (ILI) cases across U.S. regions for multiple years, with a bar chart showing the sum of ILITOTAL per week. The visualization uses a multi-series color encoding for years, allowing comparison of seasonal trends over time. Built with vega-lite-api and vega-lite, the chart processes the data by aggregating patient counts and applying a color scale with a custom domain. A choropleth map of U.S. states also appears, colored by unemployment rates using d3.geoPath and topojson. The data comes from a CSV file loaded via d3.csv.

Sep 17, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

This example displays a zoomable, hover-highlighted choropleth map of Slovakia’s administrative districts, rendered as SVG paths using d3.geoPath and d3.geoMercator. It overlays TopoJSON district boundaries with district names from a TSV file, while a separate report lists cars under a price threshold. A d3.zoom transform enables panning and scaling on the map.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

This example displays an interactive choropleth map of Slovakia’s districts, highlighting each district’s name on hover. The map is rendered using SVG with D3 v5’s `geoMercator` projection and `geoPath`, while `topojson.feature` converts district boundaries from a TopoJSON file. District labels are linked via a TSV file, and zooming is enabled through D3’s `zoom` behavior. The page also includes a separate car-report demo that uses Promises and ES6 modules.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Sep 16, 2019
Loading thumbnail…

Top 150 US School Data

This visualization maps the top 150 US schools by their geographic location, using circle size to represent acceptance rate and color to encode net price. It layers geoshape data from the US 10m TopoJSON API with a point layer positioned via longitude and latitude fields. Built with the Vega-Lite API, it combines the map and scatter plot into a single layered view. The data is loaded from a CSV containing school rankings, with the map rendered using an Albers USA projection.

Sep 16, 2019