Nelson30

@Nelson30·5 public vizzes

Delitos por provincia entre 2016 y 2019

This visualization shows monthly crime counts for each Costa Rican province from 2016 to 2019, with a dropdown menu to select the province displayed. Four colored lines represent each year, plotted over time with a color legend. The data is loaded from a CSV file sourced from Justicia Abierta Costa Rica’s police statistics. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `nest`, and `line` with `curveBasis` to render animated SVG paths, while `dropdownMenu` and `colorLegend` modules handle interactivity and legends.

May 30, 2020

Loading thumbnail…

Total Disbursements Per Year by School

A multi-line chart displays total food pantry disbursements per month for each Columbia University school from May 2016 to April 2020, with each year’s series colored distinctly via a `scaleOrdinal` color scale. A dropdown menu lets viewers select which school’s data to plot on the y-axis. Built with D3 v5, the visualization uses `scaleTime`, `axisBottom`, and `axisLeft` for axes, `nest()` to group data by year, and `transition().duration()` to animate line drawing. Data comes from The Food Pantry at Columbia’s monthly records.

May 30, 2020

Loading thumbnail…

Costumising axes

This example visualizes reported crimes by province in Costa Rica for 2019 as a horizontal bar chart. Using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis, it formats tick labels with `d3.format` to abbreviate numbers, replacing "G" with "B" (e.g., 22.8k becomes 22.8B). The chart removes axis domain lines and relies on tick marks for gridlines, with data loaded from a local `data.csv`. The SVG rendering uses custom CSS classes for axis labels and titles to style the chart.

May 30, 2020

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data across U.S. states and years using React and D3 v5, rendering SVG elements. It presents a choropleth map with d3.geoPath and geoAlbersUsa projection, color-coded by average ILI percentage, alongside a bar chart ranking top states and a multi-line chart tracking trends by year. Users can filter by year, state, and metric via dropdowns, with hover and click interactions highlighting selections across all views, while a color legend and reset button facilitate comparison. Data is loaded from a CSV via d3.csv.

May 30, 2020

Loading thumbnail…

Temperature in multiple cities

This visualization displays population trends over time for multiple regions, with each region represented by a colored line. A vertical line marks the currently selected year, and hovering over the chart updates this selection. The view includes an ordinal color legend using `d3.scaleOrdinal` with `schemeCategory10`. Data is loaded via `d3.csv` from UN population estimates, processed through a custom melting function, and rendered using `d3.line` with `curveBasis` and SVG paths. Interactive mouse events trigger year selection.

May 30, 2020