EnFlorian

@EnFlorian·3 public vizzes

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher for U.S. counties, using a blue color scale and a legend with tick marks. The visualization employs d3.geoPath to render county and state boundaries from the us-10m TopoJSON dataset, with fill colors assigned from a d3.scaleThreshold based on values from the education.csv file. A legend is generated using d3.axisBottom, and the map is rendered as SVG.

Sep 24, 2022

Loading thumbnail…

Fork of Multiple Views with Brushing

Two linked views explore migration deaths. A bubble map, projected with `d3.geoNaturalEarth1` and `d3.geoPath`, plots each incident’s location as a circle scaled with `d3.scaleSqrt` to the total dead and missing. A time-series histogram below, binned by month using `d3.histogram` and `d3.timeMonths`, shows the same totals over time. Brushing across the histogram with `d3.brushX` filters the map’s circles. The map draws land, graticules, and interiors from the World Atlas TopoJSON, while the dataset comes from the Missing Migrants Global 2019 CSV.

Dec 25, 2021

Loading thumbnail…

Fork of Interactive Color Legend

This interactive scatter plot displays the Iris dataset, mapping petal length and sepal width for different species. Hovering over a color legend dims non-matching data points, allowing users to isolate a single species. The visualization uses React with D3.js for scales and axes, rendering circles via SVG. The code defines custom `Marks`, `AxisBottom`, `AxisLeft`, and `ColorLegend` components, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.extent` for data handling.

Oct 26, 2021