AniketShahane

@AniketShahane·3 public vizzes

Choropleth Map

An interactive choropleth map shades countries by the average number of Olympic medals won, with a dropdown menu to switch between gold, silver, and bronze. D3 v6 drives the visualization, using `d3.geoMercator` and `d3.geoPath` to project GeoJSON country boundaries, while `d3.scaleThreshold` maps medal counts to color scales like `d3.schemeOranges`. Hovering highlights a country and displays a tooltip with its name and medal total. Data comes from a CSV of Olympic medal summaries, rendered as SVG with animated opacity transitions.

Dec 14, 2021

Loading thumbnail…

Bar Chart Race

An animated bar chart race tracks total Summer Olympic medals earned by each country from 1896 onward. The visualization smoothly interpolates bar positions and widths between yearly data snapshots using D3 transitions applied to SVG rectangles, with a reusable join pattern for entering, updating, and exiting elements. A ticker and axis labels update along with the bars, driven by a data-driven keyframe generator. The chart also displays country name labels and animated value counts by leveraging D3’s `transition` and text-tweening, with a replay button to restart the sequence.

Dec 14, 2021

Loading thumbnail…

Fork of Map of top-rated restaurants in Greater Boston

This choropleth map shows the distribution of top-rated restaurants (4 stars or higher) across Greater Boston municipalities from the public Yelp dataset, with darker reds indicating higher counts and grey representing areas without data. Users can zoom and pan via d3.zoom and hover over towns to see tooltips with names and restaurant counts. The visualization uses d3.geoPath with a geoIdentity projection to render TopoJSON town boundaries, and a d3.scaleThreshold color scale to encode counts. A linearGradient legend labels the number of restaurants.

Dec 13, 2021