College Grants vs. Full Time Student Population

100%

College Grants vs. Full Time Student Population

✓ Published0🌍 Public

Last edited Apr 28, 2015

Created on Apr 28, 2015

A scatterplot displays provincial grant funding against full-time student population for Ontario colleges in 2013. Each circle represents a college, positioned by total grant dollars on the x-axis and FTE students on the y-axis, with hover tooltips naming the institution and its funding. The SVG animation sorts circles by funding and sequentially enlarges them using chained `transition` and `delay` calls. Data comes from the grants.csv file and Ontario Open Data.

AI-generated description

Similar vizzes

Loading thumbnail…

Ontario College Operating Grants 2012-13

This visualization shows the distribution of Ontario college operating grants across 37 funding categories for the 2012-13 fiscal year, with each college’s total and individual line items displayed. It uses a bar chart layout, likely rendered with D3.js, to compare funding amounts per institution, encoding values through bar height and color. The data comes from a CSV file containing 37 named funding columns (e.g., Base Funding, Growth Funding) and totals for each college, parsed directly from the tabular source. The code references `d3.forceSimulation` for layout adjustments and uses SVG scaling to handle the wide range of values.

LLucaBrassi

83% match

Loading thumbnail…

D3 Examples - Loading CSV Data

A horizontal bar chart displays total provincial grant funding for Ontario colleges in 2013, with bars sorted in descending order from largest to smallest total. The chart uses D3 v3 with SVG rendering, loading the data from a CSV file via `d3.csv`. Axes are created with `d3.svg.axis`, and a linear scale maps funding values to bar widths while an ordinal scale positions colleges along the y-axis. Hovering over a bar reveals a tooltip with the exact dollar amount via an appended SVG `title` element.

LLucaBrassi

75% match

Loading thumbnail…

D3 Examples - Loading CSV Data

This example displays a horizontal bar chart of provincial grant funding for Ontario colleges in 2013, sorted in descending order by total funding per institution. It uses D3.js v3 to load the CSV data with `d3.csv`, bind it to SVG rectangles, and encode each college’s total as a bar width. Tooltips with the college name and funding amount appear on hover via appended `title` elements. The visualization uses SVG rendering with a fixed size and simple linear scaling for bar lengths.

LLucaBrassi

74% match

Loading thumbnail…

Ontario Student Repayable Debt 2004-2013

Three line charts track the average OSAP repayable debt from 2004 to 2013 for Ontario four-year universities, two-year colleges, and one-year private colleges, with each path initially drawn at partial opacity. Clicking a colored label in the subtitle highlights that institution’s line by setting its opacity to full while dimming the others. Built with D3 v3, the visualization uses `d3.svg.line`, `d3.time.scale`, and `d3.svg.axis` to render SVG paths and axes from three separate CSV files. Data comes from Ontario Open Data.

LLucaBrassi

72% match

Loading thumbnail…

D3 Examples - Loading CSV Data

This example demonstrates how to load and inspect tabular data from a CSV file using D3.js version 3. The page includes a static SVG circle and uses `d3.csv` to asynchronously fetch the grants dataset, which contains funding amounts for various Ontario colleges across numerous grant categories. After parsing, the file’s contents are passed to a callback function and logged to the browser console. The visualization itself remains minimal, focusing on the data-loading API rather than rendering the loaded values.

LLucaBrassi

65% match

Loading thumbnail…

Bubble Chart Experiment

This bubble chart visualizes grants from the Gates Foundation, with each circle representing a grant sized by total funding amount and colored by grant category. The visualization is interactive: users can filter the display by year or view all grants together, with tooltips revealing grant details on hover. Built with D3 v4, the chart uses SVG circles and animation to transition between filtered views, making it easy to explore patterns in educational spending over time.

335degrees

63% match

Loading thumbnail…

Follow the money

A hierarchical tree diagram visualizes British Columbia gaming grant distributions, aggregating payments by grant type, sector, and subsector. Built with D3.js, the interactive visualization uses a collapsible tree layout where nodes represent categorical rollups and leaf nodes correspond to individual organizations. Payment amounts are summed through D3's nest and rollup operations, with a tooltip displaying details. The SVG rendering animates transitions when expanding or collapsing nodes, allowing viewers to trace funding flows from broad categories down to specific community recipients.

MMbrownshoes

62% match

Loading thumbnail…

Tab.1(3)- Items of general project funding in 2018 (by nature of institutions)

This stacked bar chart displays 2018 project funding values across academic modules, grouped by department (CAM, CSIS, GAV). It uses D3.js version 3.5 with d3.layout.stack to create layered horizontal bars, where each bar segment represents a funding category. The visualization includes interactive hover tooltips via d3-tip and a color legend using d3-legend, which filters and highlights specific institutional categories. Rendered as an SVG with animated transitions, it encodes department colors and module codes along the y-axis with funding values along the x-axis.

KKeerthiKandadai

61% match