Assignment 8 STAAR Test Results Map in Texas2

100%

Assignment 8 STAAR Test Results Map in Texas2

✓ Published0🌍 Public

Last edited Apr 13, 2026

Created on Apr 13, 2026

Forked from Assignment 8 STAAR Test Results Map in Texas

A choropleth map displays county-level STAAR standardized test performance percentages across Texas, with orange-to-red shading representing score ranges and gray indicating missing data. The visualization uses d3.geoMercator projection and d3.geoPath to render Texas counties from a TopoJSON atlas, filtered by FIPS codes starting with 48. Unemployment data from a Plotly GitHub CSV serves as proxy test scores, loaded via Promise.all with d3.json and d3.csv. Interactive tooltips appear on mouseover, while a gradient legend with a linear scale communicates the color mapping.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 8 STAAR Test Results Map in Texas

This choropleth map displays county-level STAAR test performance across Texas, with each county shaded on a sequential orange-red color scale based on its standardized test score percentage. The visualization uses d3.geoPath with a geoAlbersUsa projection to render Texas counties from TopoJSON data, while test scores are joined via a Map from CSV data. Hovering reveals a tooltip with the county FIPS code and score, and a legend with a linear gradient shows the color-to-value mapping. The code relies on d3.v7, topojson, and d3.scaleSequential with d3.interpolateOrRd.

445.saiful@gmail.com

97% match

Loading thumbnail…

Texas State Map

This interactive D3.js map displays the state of Texas with its county boundaries, major city markers, and labels. Built with D3 v7 and TopoJSON, it uses d3.geoMercator and d3.geoPath to project geographic data from the US-Atlas TopoJSON files. The map renders as SVG, with county paths colored sequentially using d3.scaleSequential and d3.interpolateGreens, while hover effects and tooltips reveal county FIPS codes.

NNita

74% match

Loading thumbnail…

USA Map Visualization

This example displays a map of Texas, colored according to a sample state population dataset. The code uses D3.js v6 with an SVG rendering approach. It loads GeoJSON map data from a local TX.geo.json file and applies a `d3.geoAlbersUsa` projection with `d3.geoPath` to draw the state boundary. A sequential red color scale (via `d3.scaleSequential` and `d3.interpolateReds`) maps population values to fill colors. States not found in the dataset appear light gray.

BBhavanaGIrni

70% match

Loading thumbnail…

Untitled

This visualization combines a choropleth map of U.S. states with SAT score data, shading each state in a solid red-orange regardless of participation or score values. The map is rendered using `d3.geoPath` with TopoJSON from the us-atlas package, while SAT scores are loaded from a CSV and appended as additional paths without affecting the fill. The map also includes a scatterplot of cities lived in, plotted by latitude and longitude, though their dots are not visually distinct from the state fills. The code uses d3.v7 and SVG rendering, with state boundaries drawn via TopoJSON features.

HHaolong Liu

69% match

Loading thumbnail…

Fork of Texas State Map

A Texas state map displays county boundaries colored with a sequential green scale plus overlaid ZIP code outlines. Hovering reveals county FIPS codes and ZIP code names. The visualization uses d3.geoMercator, d3.geoPath, and topojson to render US Census Bureau state and county data, with ZIP codes from an ArcGIS REST service. A file input button allows uploading custom GeoJSON or TopoJSON data.

NNita

68% match

Loading thumbnail…

Fork of Scatterplot test

A scatterplot maps Texas counties by voter turnout against the margin of victory in the 2012 and 2018 Senate elections, with circle size scaled to population. Arrows connect each county’s 2012 position to its 2018 position, showing change over time. Built with D3 v5 and jQuery, the visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with interactive mouseover events that highlight counties and a dropdown menu to filter selections. Data is loaded from CSV files and rendered as SVG.

Aamulyakannam

67% match

Loading thumbnail…

Assignment2_question6

This example displays a map of Texas rendered as an SVG using D3.js version 5. It loads U.S. state boundaries from the `us-atlas` TopoJSON file hosted on a CDN, then extracts the geometry for Texas using the `topojson.feature` API. The map is projected with `d3.geoAlbersUsa` and drawn with `d3.geoPath`, resulting in a single-path visualization of the state outline. The code selects the body element and appends an SVG canvas sized 960 by 500 pixels to display the final geographic shape.

Bbogasamudramvamsikrishnareddy

67% match

Loading thumbnail…

ICE8_Country Map

This map visualizes comparative state-level index scores across the United States, using an orange sequential color scale to encode values from a CSV dataset. Hovering over each state reveals its name and score via an interactive tooltip. Built with D3 v7 and TopoJSON, the visualization uses d3.geoPath and d3.geoAlbersUsa to render state boundaries from the us-atlas TopoJSON file, with a gradient legend showing the color-to-value mapping.

Ssaitejak1619@gmail.com

67% match