Skip to main content
100%

Portland Schools: Math Standards

✓ Published0🌍 Public
Aafbroman
Last edited Apr 4, 2015
Created on Apr 4, 2015

This example displays the percentage of students meeting or exceeding math standards from the previous year for Portland Public Schools. The data, loaded from a CSV file, is sorted in descending order of math performance, and each school is rendered as a horizontal bar using SVG rectangles whose widths are proportional to the percentage value. Hovering over a bar reveals the school name and its percentage in a tooltip. The visualization uses D3 v3 to bind the data and position the bars in a vertically stacked layout, with the y-axis representing the rank order of schools and the x-axis encoding the percentage.

AI-generated description

Similar vizzes

Loading thumbnail…

Portland Schools: Math Standards

A horizontal bar chart ranks Portland Public Schools by the percentage of students meeting or exceeding math standards in the previous year. The data is loaded from a CSV file using d3.csv, sorted descending by MathPctPrev, and visualized as an SVG with ordinal y-axis for school names and linear x-axis for percentages. Hovering over each bar shows the school name and its percentage. The chart includes axes on both top and bottom, with bars colored in a reddish tone.

Aafbroman
96% match
Loading thumbnail…

Portland Schools: Math Standards

The scatterplot displays the percentage of students meeting or exceeding math standards in Portland Public Schools for 2011 versus 2012, with each circle representing a school. The x-axis shows the 2011 math percentage and the y-axis the 2012 percentage, with tooltips revealing the school name and both percentages on hover. Data comes from CivicApps for Greater Portland. The visualization is built with D3 v3, uses SVG rendering, and includes labeled axes with percentage ticks.

Aafbroman
92% match
Loading thumbnail…

Portland School Data

This visualization plots Portland public schools by their OverallRating, using position and color to compare current and previous performance metrics. Each school is represented as a point, with the x-axis showing current math proficiency percentages and the y-axis showing attendance percentages; point size encodes the number of students, while color indicates the school type (Elementary, Middle, High School). The chart also distinguishes rating categories—Outstanding, Satisfactory, or In Need of Improvement—via glyph shape, and includes previous-year math and attendance values as faded reference points, making it easy to see improvement or decline across schools.

Aafbroman
83% match
Loading thumbnail…

D3 Block-a-Day: Day 4, January 4, 2017

A bar chart displays the percentage of students proficient in 2016 for eleven schools, with bars colored steelblue and labels rotated vertically. The chart uses D3 v4 with SVG rendering, employing `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. Data is loaded from a CSV file, and axes are generated with `d3.axisLeft`. The visualization is part of a daily D3 learning series, forked from an earlier block.

663anp3ca
71% 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
Loading thumbnail…

Fork of Activity_6_Question_2

This stacked bar chart shows the percentage distribution of marks across five mark ranges for five students, with each bar segment representing a proportion that sums to 1. Designed with D3 v7, the visualization uses `d3.stack()` and `d3.scaleOrdinal()` for color encoding, while `d3.scaleBand()` positions students on the y-axis. Hovering over any segment triggers a tooltip displaying the exact percentage for that mark range, using the `mousemove` event and D3’s formatting helper. The SVG rendering applies custom axis labels and a manual legend, with data loaded from a CSV file.

AAbrarb702@gmail.com
68% match
Loading thumbnail…

PISA visualization for math's grade

A stacked bar chart compares average math scores across countries, segmented by parents' highest education level (ISCED categories). It uses d3.stack, d3.scaleBand, and d3.scaleLinear to render SVG bars, with color encoding via d3.scaleOrdinal. Hovering reveals a tooltip with the country’s score breakdown per education level, sourced from CSV data on father’s, mother’s, and combined parental education.

RRuchita7
68% match
Loading thumbnail…

question 3(task 2)

This example shows average subject scores in math, science, and English for five schools, displayed as a horizontal stacked bar chart. Each bar segment represents a subject’s contribution to the total score, with a color legend identifying the subjects. The visualization uses D3 v7 to load CSV data, apply a stack layout, and render SVG rectangles scaled by linear and band scales. Axes, a total-score axis label, and an interactive-free legend are drawn using D3’s axis and ordinal color APIs.

MMahimaChowdaryKasthala@my.unt.edu
68% match