Fork of Fork of home dept top 5

100%

Fork of Fork of home dept top 5

✓ Published0🌍 Public

Last edited Jun 18, 2021

Created on Jun 18, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of home dept top 5

This interactive bar chart shows the top five home schools by proposal counts for each year from 2013 to 2021. Users click year buttons to update the visualization, which is rendered as SVG using D3 v6 with scaleLinear, scaleBand, and axis functions. The data is hardcoded as strings parsed via d3.csv, and each bar’s height reflects the proposal numbers. Clicking a rectangle appends a coordinate text label to the SVG, while hover effects reduce bar opacity.

Ttracy3057

84% match

Loading thumbnail…

Fork of home dept top 5

This interactive bar chart displays the top five home schools ranked by proposal counts across multiple years, with clickable year buttons (2013–2021) that update the bars to reflect each year’s data. Built with D3 v6, the visualization uses `scaleLinear` and `scaleBand` to position axes, a custom `draw` function to render SVG bars, and click event listeners to switch datasets and highlight the selected year. The chart includes a title, axis labels, and a tooltip behavior on bar hover, while defaulting to 2013 data.

Ttracy3057

83% match

Loading thumbnail…

home dept top 5

This visualization shows the number of proposals for primary departments (ENG, DSI, GEU, A&S, MED) across different years, with each year selectable via clickable buttons. A horizontal bar chart displays the top five departments, and hovering over bars triggers an opacity change. The chart uses d3.scaleLinear and d3.scaleBand for axes, with data embedded as CSV strings in the code. The visualization is rendered as SVG with a pink-to-palevioletred color scheme for year selection.

Ttracy3057

79% match

Loading thumbnail…

Fork of Fork of Filterable Cocktail Ingredient Bar Chart

This fork of a D3 bar chart displays the top 50 university modules by student count, with a dropdown filter to subset results by department values CSIS, CAM, or GAV. The visualization uses React to manage state and render SVG elements, while d3’s `scaleBand`, `scaleLinear`, and `nest` functions aggregate and sort the CSV data for display. Department filtering applies a case-insensitive string match on the dataset, and the chart updates the y-axis accordingly. Axes and marks are built as React components, with native SVG `<title>` elements providing hover tooltips.

NNarayana Reddy

74% match

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

73% match

Loading thumbnail…

Fork of bar_test

This visualization displays university ranking data as an interactive stacked bar chart, showing scores across teaching, research, citations, industry income, and international outlook for each institution. Users select a sorting metric and order from dropdown menus, which reorders bars and changes the stacking priority. The chart uses D3 v4 with `scaleBand`, `scaleLinear`, `scaleOrdinal`, and `stack` to render SVG rectangles, while the `dropdownMenu` module handles menu interactions. Data comes from a local CSV file with Times Higher Education rankings.

Ddaniel

73% match

Loading thumbnail…

Total Disbursements Per Year by School

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.

SSatish Chandra Gupta

73% match

Loading thumbnail…

Fork of bar_test

A grouped bar chart displays university ranking data, with each institution’s score broken into five stacked components (teaching, research, citations, industry income, and international outlook). Users can reorder the bars by selecting a different score metric or sorting order from dropdown menus, built with a custom `dropdownMenu` module. The visualization uses D3 v4’s `scaleBand`, `scaleLinear`, `stack`, and `axisBottom`, rendering SVG rectangles with mouseover tooltips showing school names and component scores. Data comes from a CSV file containing Times Higher Education rankings.

Ddaniel

72% match