Skip to main content
SimilarExport ZIP
100%

Ben Clark Final Project

✓ Published0🌍 Public
Bbenclark.3rd@gmail.com
Last edited Apr 9, 2024
Created on Mar 29, 2024

This interactive scatter plot visualizes electrical test data from circuit breakers, plotting pairs of numeric measurements such as resistance and time values. The visualization uses D3.js with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` for axes and scales. Users can select different measurement pairs from dropdown menus to compare, with points colored by an ordinal scale (`schemeDark2`) based on a selected categorical field like manufacturer or breaker type. Hovering over points displays a tooltip with detailed values, while the legend measures its width dynamically to adjust the plot's margins.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Final Project Rev. 5

This visualization compares electrical breaker test measurements from a CSV dataset, displaying records as either a scatterplot or hexbin plot based on user-selected X and Y axes. Users can filter to show only duplicate equipment or test-date entries and color-code points by categorical fields like manufacturer, breaker type, or trip unit. Built with Vue and the D3 library, it uses SVG rendering with a Voronoi diagram for hexbin generation and an ordinal color scale for categories.

Bbenclark.3rd@gmail.com
80% match
Loading thumbnail…

Untitled

This interactive zoomable icicle chart visualizes the hierarchical Flare-2 dataset through animated rectangular partitions. Users click nodes to zoom, with smooth SVG transitions recalibrating the layout to focus on the selected subtree. Built with React and D3’s `partition` layout, it uses `scaleOrdinal` and `interpolateRainbow` for color encoding, while `transition.attr` animates rectangle and text positions. The visualization loads JSON data via `d3.json` and renders entirely in SVG, with tooltips showing ancestor paths and numerical values.

BBen McCarty
68% match
Loading thumbnail…

Final Project For Like The Third Time

This example visualizes chess transfer data as an animated scatter plot, mapping players’ standard ELO ratings on both axes. The plot supports categorical and linear scales, dynamically repositions circles with staggered delays, and grows new points from radius zero. It uses D3 v7’s `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `transition` APIs within a reusable `scatterPlot` function. Data is loaded via `d3.json` from a GitHub gist, with SVG rendering and a 1000ms transition duration for updates.

PPatrick-Houlihan
68% match
Loading thumbnail…

Testing Ben Scatterplot

This example shows a scatterplot of global country data, plotting birth rate against calling code, with the size of each circle encoding infant mortality. The visualization uses D3.js v6 to load CSV data from a GitHub repository, create linear scales for both axes, and render the SVG circles. Interactive mouseenter events log individual data points to the console, allowing inspection of specific country records. The chart relies on d3.csv for data loading, d3.scaleLinear for axis scaling, and d3.axisBottom and d3.axisLeft for generating the axes.

FFremont
68% match
Loading thumbnail…

Final Project V1

This interactive scatter plot visualizes the Iris Dataset, allowing users to compare two selected attributes on the x and y axes via dropdown menus. Built with React and D3 v5, it uses `scaleLinear` for axes, `extent` for domains, and SVG circles for marks. Each point includes a native `<title>` tooltip. The chart supports dynamic axis relabeling as selections change.

Llubin-liu
68% match
Loading thumbnail…

Final Project - Video Analytics, EdX, 2013

This scatterplot dashboard explores relationships among learner activity metrics—active days, video plays, forum posts, and grade—from the 2013 HarvardX and MITx EdX dataset. Two dropdown menus allow users to select which metrics appear on the x- and y-axes. A categorical color scale encodes gender, and point tooltips show the exact metric values. The visualization is built with React, rendering SVG marks and axes via D3 v5. Data loads from a CSV hosted on GitHub through D3’s `tsv` request.

Ssophburke
67% match
Loading thumbnail…

Fork of Reusable Scatter PLot

This interactive scatter plot visualizes JavaScript libraries by their GitHub stars and minified file size, with circle radius and color encoding additional data dimensions. Built with React and D3 v7, it uses `scaleSqrt` for proportional radii, `scaleSequential` with `interpolateCool` for color mapping, and renders SVG circles with tooltips. Data loads from a CSV file via `d3.csv`, and axes are generated using `axisLeft` and `axisBottom`, with margins configured for layout.

Sserebryanaya.n@gmail.com
67% match
Loading thumbnail…

Untitled

This interactive scatterplot explores yearly changes across seven data categories (A–G), displaying each category as a dot plotted along an ordinal x-axis of bars. Users navigate between years with left and right arrow keys, with an automatic playback feature advancing through the dataset. Built with React and D3.js v3, the visualization uses SVG rendering with `d3.scale.ordinal`, `d3.svg.axis`, and `d3.scale.category10` for color encoding. Data loads from an external CSV file, and the chart includes keyboard event handling and dynamic axis updates.

TThandolwethu Shakes Dlamini
67% match