yi xiao Map

yi xiao Map

A choropleth map of the United States shows the total number of earthquakes per state, colored on a sequential logarithmic scale using an ordinal scale with the `schemeOrRd` color ramp. The map is rendered with `d3.geoPath` and the Albers USA projection, using TopoJSON state boundaries and CSV data loaded via `d3.csv`. Hovering a state highlights it in green and displays a tooltip via SVG `title` elements listing the state name, region, and earthquake count. The visualization uses D3 v5 and includes a custom `colorLegend` component to explain the color scale.

96% match

yi xiao Map

This example visualizes earthquake totals across U.S. states by applying a logarithmic transform and mapping the results to an ordinal color scale with a sequential red scheme. The choropleth map uses `d3.geoAlbersUsa` projection, `d3.geoPath`, and TopoJSON state boundaries. Hovering highlights states in green. A color legend is rendered with `colorLegend.js` using `d3.scaleOrdinal`, and tooltips display state name, region, and raw earthquake counts. Data comes from a CSV of state earthquake records.

Ccyanea1

94% match

yi xiao Map

This choropleth map visualizes the logarithm of total earthquake counts per U.S. state, using an ordinal color scale with nine shades from the `schemeOrRd` spectrum. Built with D3 v5 and the `topojson` library, it projects state boundaries via `geoAlbersUsa` and renders them as SVG paths. Hovering a state changes its fill to light green and displays a tooltip with the state name, region, and raw earthquake total, sourced from a CSV dataset joined to a TopoJSON file.

SSagarikaS

94% match

Choropleth Map

This choropleth map visualizes the distribution of total earthquakes across US states using a diverging color scale. The map is rendered as an SVG using D3.js and the `geoAlbersUsa` projection, with state boundaries drawn via `geoPath`. Earthquake counts are logarithmically transformed and mapped to a threshold color scale from the `schemeOrRd` palette, while hovering highlights states in light green. The data is loaded from CSV and TopoJSON files, and tooltips display state name, region, and raw earthquake totals.

Choropleth Map

Choropleth Map

Earthquake Choropleth Map

This choropleth map visualizes the total number of earthquakes for each U.S. state, using a logarithmic color scale to differentiate magnitudes. The map renders state boundaries from a TopoJSON file, and the color of each state is determined by its earthquake count, with a threshold-based color scale (`d3.scaleThreshold`) and a sequential color scheme (`d3.schemeOrRd`). The visualization uses D3 v5's geographic projection (`d3.geoAlbersUsa`) and `d3.geoPath` for drawing, while an interactive tooltip (`d3.tip`) displays the state name, region, and exact earthquake count on hover, with data sourced from a CSV file.

MMike Wolfgram

yi xiao heatmap

This heatmap displays earthquake activity across U.S. states over time, with years on the y-axis, states sorted by total count on the x-axis, and color intensity representing earthquake frequency. The visualization uses a red color scheme to highlight higher values, with tooltips showing the exact state, year, and count on hover. Built with Vega-Lite and the vega-lite-api, it loads data from a CSV file containing earthquake counts by state and year, transforms it into long format, and renders a markRect chart with configured styling.