Skip to main content
SimilarExport ZIP
100%

Total Disbursements Per Year by School

✓ Published0🌍 Public
SSatish Chandra Gupta
Last edited May 19, 2020
Created on May 19, 2020

A dropdown menu lets viewers select a Columbia University school from the Food Pantry dataset, displaying monthly disbursement counts from May 2016 through April 2020 as colored lines per year. The d3.v5 line chart uses `scaleTime`, `scaleLinear`, `nest()` to group data by year, and `transition` to animate path updates, with a `d3.scaleOrdinal` color legend and SVG rendering.

AI-generated description

Data in this scatter plot is monthly per School disbursements from The Food Pantry at Columbia. The data is from May 2016 through April 2020, and will be updated monthly to show continued usage.

</n> Inspiration from Curran and this Vis.

MIT Licensed

Similar vizzes

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.

NNelson30
95% match
Loading thumbnail…

Total Disbursements Per Year by School

A multi-line chart displays monthly food pantry disbursements per school at Columbia University from May 2016 through April 2020. Users select a school from a dropdown menu, and the chart updates with animated lines, one per year, colored via `d3.scaleOrdinal`. The visualization uses `d3.nest` to group data by year and `d3.line` with `curveBasis` for smoothing, with axes rendered using `d3.axisBottom` and `d3.axisLeft`. Data originates from the Food Pantry at Columbia.

Aanonymous5776
95% match
Loading thumbnail…

Total Disbursements Per Year by School

This interactive line chart visualizes total monthly food pantry disbursements per Columbia University school from May 2016 through April 2020, with each school selectable from a dropdown menu. Five colored lines represent yearly trends, animated with d3 transitions. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, a d3.nest for grouping by year, and custom modules for the dropdown menu and color legend.

Ssndcaldgafz
95% match
Loading thumbnail…

Total Disbursements Per Year by School

This interactive line chart visualizes total monthly food pantry disbursements per Columbia University school from May 2016 through April 2020, with each school selectable from a dropdown menu. Five colored lines represent yearly trends, animated with d3 transitions. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, a d3.nest for grouping by year, and custom modules for the dropdown menu and color legend.

Ssndcaldgafz
95% match
Loading thumbnail…

Total Disbursements Per Year by School

This visualization displays monthly disbursements from the Columbia Food Pantry across 20 schools from 2016 to 2020, with each year rendered as a distinct colored line. A dropdown menu lets viewers compare trends across different schools. The chart uses D3 v5’s `nest()` to group data by year, `scaleTime()` and `scaleLinear()` for axes, and `transition().duration(1500)` to animate line drawing. A color legend maps years to hues, with data loaded via `d3.csv`.

WW9183907
94% match
Loading thumbnail…

Total Disbursements Per Year by School

This visualization displays monthly disbursements from the Columbia Food Pantry across 20 schools from 2016 to 2020, with each year rendered as a distinct colored line. A dropdown menu lets viewers compare trends across different schools. The chart uses D3 v5’s `nest()` to group data by year, `scaleTime()` and `scaleLinear()` for axes, and `transition().duration(1500)` to animate line drawing. A color legend maps years to hues, with data loaded via `d3.csv`.

WW9183907
94% match
Loading thumbnail…

Total Disbursements Per Year by School

This visualization displays monthly disbursements per school from The Food Pantry at Columbia, spanning May 2016 through April 2020. A line chart shows disbursement amounts across module names, with a dropdown menu to select different school columns. Lines are colored by disbursement range categories using an ordinal color scale with a legend. Built with d3.v5, the code uses d3.csv, scaleLinear, scaleOrdinal, axisBottom, axisLeft, line, curveBasis, nest, and transition for animated updates when changing the selected column.

KKeerthiKandadai
92% match
Loading thumbnail…

Fork of Fork of home dept top 5

A bar chart displays the number of funding proposals for the top five primary departments at Columbia University across selected years from 2013 to 2021. Interactive year buttons highlight a chosen year and update the bars through D3.js v6 data joins with scaled linear and band scales. The visualization uses SVG rendering and hover effects on rectangles, though tooltips are not implemented.

Ttracy3057
73% match