RECN School Enrollment

100%

RECN School Enrollment

✓ Published1🌍 Public

Last edited Sep 21, 2020

Created on Sep 19, 2020

This bar chart displays enrollment numbers for ten Indiana high schools, color-coded by their RECN status (Tier 1 or Tier 2). The visualization uses d3.csv to load the data, d3.scaleBand and d3.scaleLinear for positioning, and d3.scaleOrdinal for categorical coloring. Axes are rendered with d3.axisLeft and d3.axisBottom, while SVG rectangles represent each school’s enrollment. Data comes from the Indiana Department of Education’s 2019-20 school enrollment report.

AI-generated description

Source: Indiana Department of Education 2019-20 School Enrollment. https://www.doe.in.gov/accountability/find-school-and-corporation-data-reports

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart

This bar chart displays the number of students enrolled in six different institutes, with institution names on the x-axis and student counts on the y-axis. The chart uses tomato-colored rectangles for the bars and includes clearly labeled axes and a title. The visualization is built with D3 v5, using `select` to target the SVG element and `csv` to load the data from `data.csv`. Styling is applied via CSS classes for ticks and labels, and the SVG rendering is set to a width of 800 pixels and height of 430 pixels.

Iildatul

62% match

Loading thumbnail…

Student Data Previous 10 years

This example visualizes the number of students at D.G. Ruparel College over the past ten years using an SVG bar chart rendered in React with D3 v5. Each bar represents a year, with height scaled by the student count and color mapped through a rainbow sequential scale. The chart includes dashed gridlines, reversed y-axis tick labels, and yearly annotations. The code loads CSV data via the `useData` hook and d3.csv, then applies `scaleLinear`, `scaleSequential`, and `interpolateRainbow` to encode values.

VVikil Lakkavatri

61% match

Loading thumbnail…

Bar Graph

This horizontal bar chart displays student enrollment counts for nine university courses, ranging from 20 to 85 students. Green rectangles represent enrollment figures on a linear scale, with subject names labeled along the y-axis. The visualization is drawn as an SVG using D3 v7, employing scaleLinear for the x-axis, scaleBand for categorizing the y-axis, and axisLeft/axisBottom for generating tick marks. Data loads from a CSV file containing course names and enrollment numbers, with the subject labels rotated vertically on the left.

PPavaniMangugari

61% match

Loading thumbnail…

ICE-7: Reusable Scatter Plot Visualization of Primary Indian Schools Facilities

This interactive scatter plot uses D3.js to visualize facilities across primary schools in India, with the average ratio of boys to girls on the x-axis and a rotating y-axis cycling through Library, Play Ground, Computer Labs, and Food Stalls every two seconds. Each point represents a state, encoded with distinct shapes and colors from `d3.scaleOrdinal` and `d3.schemeCategory10`. The reusable `scatterPlot` module handles axes, labels, and animated transitions, rendering as an SVG from the provided `india.csv` data source.

Vvinodreddysagam929@gmail.com

59% match

Loading thumbnail…

Scatterplot of Primary, Secondary, and Tertiary Schools

A scatterplot maps countries’ education statistics from a UN dataset on primary, secondary, and tertiary enrollment. Each circle’s vertical position represents the enrollment count, while its horizontal position corresponds to the education level, using a linear scale for the count and a point scale for the categorical level. The visualization is built with D3 v6, using `scalePoint` and `scaleLinear` to position marks, and `axisLeft` and `axisBottom` for chart axes. The code loads data via `d3.csv` and renders circles as SVG elements.

LLilly-beth Linnell

59% match

Loading thumbnail…

Ice-6 DV marks and channels

A horizontal bar chart ranks the ten universities with the highest 2015 admission counts, using grey bars whose lengths are proportional to the admission numbers. The chart is built with React and D3 v5, using `d3.csv` to load the data from a GitHub Gist, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. The SVG output includes axis ticks and labels, rendered via React components mapping over the scale domains.

PPallaviManupati

59% match

Loading thumbnail…

Iteration 1

This radar chart compares four institutional metrics—total enrollment, endowment per student, annual R&D expenditures, and selectivity—across thirteen universities. The visualization uses a square layout with linear scales positioned around the chart’s edges, drawing each university as a closed polygon path via `d3.line()`. Interactive features include hover highlighting that emphasizes matching polygons and legend items, plus clickable legend entries that toggle universities on and off. The code leverages D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and event handlers on SVG elements, with data loaded from a CSV using `csvParse`.

Kkratikashetty1102@gmail.com

58% match

Loading thumbnail…

Stylized Bar Chart

This visualization presents a stylized horizontal bar chart that ranks academic modules by student enrollment numbers. A dropdown menu allows users to filter the displayed data by department codes (CSIS, CAM, GAV), though the implementation for this filtering is not shown in the core rendering logic. Built with React components and D3 v5, the chart uses `d3.scaleBand` for the y-axis categories and `d3.scaleLinear` for the quantitative x-axis, rendering orange SVG rectangles within an 800x5000 pixel canvas. The data originates from a CSV file containing module codes and student counts.

KKeerthiKandadai

58% match