LucaBrassi

@LucaBrassi·6 public vizzes

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.

Apr 30, 2015

Loading thumbnail…

College Grants vs. Full Time Student Population

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.

Apr 28, 2015

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.

Apr 11, 2015

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.

Apr 5, 2015

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.

Mar 28, 2015

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.

Mar 21, 2015