Skip to main content
100%

College choices

✓ Published0🌍 Public
Aapratt2003
Last edited Sep 11, 2017
Created on Sep 9, 2017

This bar chart displays the acceptance rates for nine colleges a student is considering, ranging from Catholic University’s 76% down to UChicago’s 7.9%. The bars animate in over two seconds, with the school names fading in afterward and the exact percentage labeled beside each bar. The visualization uses D3 v4 to build an SVG, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `.transition().delay().duration()` to sequence the animations. Data was sourced from individual Wikipedia pages for each university.

AI-generated description

This bar chart was created to list the acceptance rates of colleges that my son is looking into. It creates a visual for him to see the difference between each school when making a decision to apply. This list will grow as he chooses more schools.

Source: Wikipedia - Catholic University, Wikipedia - Baylor, Wikipedia - UNC Chapel Hill, Wikipedia - Emery, Wikipedia - Georgia Tech, Wikipedia - Rice, Wikipedia - Carnegie Mellon, Wikipedia - Vanderbilt, Wikipedia - UChicago,

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/5cb71249dcbfd635c794520aff45b89d'>Extremist Murders in the US</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/241b034d12f8976f0a3f0ddd5a715c07'>Extremist Murders in the US</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Question2

This stacked bar chart shows the proportion of students enrolled in five different programs—Engineering, Computer Science, Business, Liberal Arts, and Health Sciences—across five universities, with each bar segmented by program and colored via a categorical scale. The visualization uses D3 v7’s `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the university categories, and `d3.scaleLinear()` for the percentage axis. Hovering over a segment triggers a tooltip displaying the exact percentage for that program at that university, using D3 event handlers. Data comes from an embedded `data.csv` file, rendered as SVG with custom styles from `styles.css`.

Ssiddhubhupathi@gmail.com
72% match
Loading thumbnail…

Stacked Bar Chart for Universities

This stacked bar chart compares universities by their overall and category-specific scores from a Times Higher Education dataset. The visualization uses d3.scale.ordinal for the y-axis, d3.svg.axis for axes, and d3.legend.color to display a categorical color legend. A dropdown menu lets users re-sort the bars by score type and order, with d3-tip providing hover tooltips showing the university name and total score. The SVG renders through D3 v5 with animated transitions.

Yyuting89830@gmail.com
71% match
Loading thumbnail…

bar_test

This visualization displays the scores of world universities across multiple metrics, presenting them as stacked horizontal bars. Users can sort the data by overall score or individual metrics and toggle between ascending and descending order via dropdown menus built with the `dropdownMenu` utility. The chart uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` to map university names, score values, and color-coded metric segments. Data is loaded from a CSV file containing ranked university performance statistics, and the SVG rendering updates dynamically with each selection change.

Ddaniel
71% match
Loading thumbnail…

Final Stacked Bar Charts_4 with animation

This interactive visualization, built with D3.js, displays Times Higher Education World University Rankings for 2024 as horizontal stacked bar charts. Each bar represents a university's performance across five weighted score categories (teaching, research, citations, industry income, international outlook), with segment lengths proportional to each score. Users can sort the chart by category and toggle between ascending and descending order using dropdown menus implemented with `d3.select` and event handlers. A hover tooltip reveals precise category values. The visualization animates a typewriter-style instruction text using JavaScript `setTimeout`, while axes and scales are rendered using `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisTop`.

Wweird_danger
71% match
Loading thumbnail…

tryyyyyyy

This stacked bar chart visualizes World University Rankings across five metrics—Teaching, Research, Citations, Industry Income, and International Outlook—using d3.stack to aggregate scores per institution. Users can sort by metric and order via dropdowns, while hovering reveals exact segment values and legend interaction highlights selected categories. The SVG rendering uses d3.scaleBand for axes and d3.axisLeft/axisBottom, with data loaded from CSV via d3.csv.

Eeyxxr1260@gmail.com
70% match
Loading thumbnail…

Example themeriver

This stacked bar chart displays the performance of twelve universities across five teaching, research, and outreach metrics, with bars sorted by total score. A checkbox enables sorting values, though it is disabled in the code. The visualization uses D3.js v3 with ordinal and linear scales, SVG rendering, and axis components. Mouseover interactions highlight individual segments and display tooltips with metric names and values. Data comes from the provided college.csv file, which is loaded via d3.csv.

黃黃歆善
70% match
Loading thumbnail…

Untitled

This example shows the Times Higher Education World University Rankings 2024 as interactive stacked bar charts. Each page displays 100 universities, with bars segmented by six performance categories (overall, teaching, research, citations, industry income, and international outlook). Users can reorder the bars by ascending or descending score for any category and page through the dataset. The visualization uses D3 v7 with `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal`, rendered as SVG with hover tooltips.

ZZeroKurosakii
70% match
Loading thumbnail…

animated bar chart with labels

This animated bar chart displays the percentage of school districts meeting a connectivity benchmark for the years 2015 through 2018, with the final year highlighted in orange. Built with D3 v4, the SVG visualization uses `d3.scaleBand` and `d3.scaleLinear` to map years and values, while `d3.axisBottom` renders the x-axis ticks. Bars and their percentage labels grow sequentially via `transition().duration(600).delay()` as the dataset is read from an inline JavaScript array.

FFrissAnalytics
70% match