Ontario Student Repayable Debt 2004-2013

100%

Ontario Student Repayable Debt 2004-2013

✓ Published0🌍 Public

Last edited Apr 30, 2015

Created on Apr 30, 2015

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.

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

74% match

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.

LLucaBrassi

72% 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

69% 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

69% match

Loading thumbnail…

Fork of Fork of Line Chart

This line chart displays the number of students at a university from 2000 to 2008, with years on the x-axis and student counts on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to generate the path. Data is loaded via `d3.csv` from a GitHub Gist, and the chart includes custom axes, grid lines, and labeled titles.

PPoojaThandra

64% match

Loading thumbnail…

Fork of Fork of Fork of line chart section 3

This example visualizes student enrollment data from 2014 to 2022 as a single red line chart. The x-axis maps years using a time scale, while the y-axis maps student counts with a linear scale. The code imports D3 v5 modules like `csv`, `scaleLinear`, `scaleTime`, `axisBottom`, and `line` to load the data, create axes with gridlines, and draw the path. The data is fetched from a GitHub Gist and rendered as an SVG.

Ccharanchand9

62% match

Loading thumbnail…

Fork of Fork of line chart section 3

This visualization shows the number of students from 2014 to 2022 as a single red line chart, with time on the x-axis and student counts on the y-axis. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render the SVG path. Data is loaded from a CSV file via `d3.csv` and parsed with `d3.timeParse`. Axis labels and grid lines are styled through CSS classes, with margins applied to position the plot area.

Ggayathri

62% match

Loading thumbnail…

Fork of Line Chart

This example shows the number of students at a university from 2000 to 2008, plotted as a single red line over time. The chart uses D3 v5 with an SVG rendering approach, applying `scaleTime` for the year-based x-axis and `scaleLinear` for the student-count y-axis. Data is loaded from a remote CSV file. The line is drawn with the `d3.line` generator, while axes are created via `axisBottom` and `axisLeft`, with labels and a title added as text elements.

Rradhadevarapu

62% match