Skip to main content
100%

Portland Schools: Math Standards

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

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Portland Schools: Math Standards

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.

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
84% 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
69% 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
67% 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
67% match
Loading thumbnail…

Math Scores Bar Chart

This bar chart visualizes the count of male and female students in a math performance dataset, using two bars to compare the totals. The chart is rendered as an SVG using D3.js v7, with bars drawn via `d3.selectAll` and `rect` elements. Data is loaded asynchronously from a remote CSV file using `d3.csv`, then filtered by gender to compute counts. Axes are generated with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with tick marks added via `d3.axisBottom` and `d3.axisLeft`. The visualization is presented in a 400x400 pixel SVG container, with margins for axis labels.

RRohith Reddy
67% match
Loading thumbnail…

question-2

The chart displays the percentage distribution of 10th-grade student scores across seven subjects, with horizontal stacked bars for five grade bands ranging from "below 60" to "above 90." It reads subject data from a local CSV file. Using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis, it applies d3.stack to produce the stacked segments and d3.axisBottom with tick lines for grid reference. Hovering over a segment triggers a tooltip that shows the exact percentage for that subject and score band.

Jjangalaupender@my.unt.edu
67% match