Skip to main content
SimilarExport ZIP
100%

P0

✓ Published0🌍 Public
JJames Gong
Last edited Jan 25, 2021
Created on Jan 24, 2021
Forked from Scatter Plot

This visualization displays the accuracy of repeated trials across four distinct trial groups, with each circle representing a single trial’s accuracy score. The x-axis maps accuracy values from 0 to 1 using d3.scaleLinear, while the y-axis uses d3.scalePoint to evenly space the trial categories. The chart renders as an SVG using D3 v5, with circles styled in steelblue and opacity 0.25 to show overlapping data points. Data is loaded from a CSV file using d3.csv. Axis ticks are customized using d3.axisBottom and d3.axisLeft, with the domain lines removed for a cleaner appearance.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

P0: Experiment Data

This example visualizes experimental trial data as a scatterplot, plotting accuracy against trial number. Each circle represents a single trial, with semi-transparent steelblue fills that highlight overlapping points. The visualization uses D3 v6 to load CSV data asynchronously and build an SVG chart with linear scales for both axes. It includes gridlines generated by axis tick marks, with axes customized to remove their domain lines. The code constructs scales via `d3.scaleLinear`, applies margins for the plot area, and renders axes using `d3.axisBottom` and `d3.axisLeft`.

Zzihelian
84% match
Loading thumbnail…

Untitled

A parallel coordinates plot displays two data records across five categorical axes—Style, Intelligence, Focus, Magic, and Gender—with values scaled linearly from 1 to 10. Solid and dashed polylines represent each row, distinguishing the two series. Built with D3 v4, it uses `d3.scaleLinear` for y-axes, `d3.scalePoint` for x-axis positioning, and `d3.axisLeft` for rendering. SVG paths are generated via `d3.line`, with a custom legend annotating “Achieved Performance” and “Requirement.” Data loads from a CSV file containing two numeric rows.

JJoker-tr
68% match
Loading thumbnail…

Activity6_Task-8_Q3

This scatter plot visualizes the relationship between x and y coordinates for data points grouped into three categories (A, B, C), with each group distinguished by a distinct color. The visualization uses D3.js v7 to load a CSV file and render an SVG chart with linear scales for both axes. Circles represent individual data points, sized at a fixed radius of 6 pixels, with black strokes for clarity. The chart includes axis labels, a legend identifying each group, and uses `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Gridlines are not drawn, but tick marks and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

PPradhyumna Poralla
67% match
Loading thumbnail…

Untitled

The chart demonstrates why mapping values linearly to circle radii distorts data, using four strategies in a horizontal dot plot. Groups with 10, 30, 50, and 100 show that linear radius scaling makes larger values appear disproportionately small, while a square-root-adjusted radius or linear area scaling preserves proportional perception. The visualization uses D3 v5 with `d3.scaleLinear`, `d3.scalePoint`, and `d3.axisTop` to compare encodings, highlighting area as the correct perceptual channel for bubbles.

YYuichi Yazaki
66% match
Loading thumbnail…

Scatterplot

This scatterplot uses a force-directed layout to position circles along categorical axes for “Action” and “Fact,” with circle size encoding a numeric “Strength” value. The visualization applies d3.forceSimulation with charge, collision, and custom x/y forces to gently nudge overlapping points into place while allowing drag interaction. Rendered as SVG, it uses d3.scaleOrdinal with schemeCategory10 for coloring by type, plus axisBottom and axisLeft with gridlines. Data is loaded from a CSV using d3.csv, and labels appear on hover via circle titles.

KKuerzibe
66% match
Loading thumbnail…

Arbre_Groupes_Accuracy_Triés

This visualization displays a forest of decision trees grouped and sorted by their accuracy scores. Each tree is rendered hierarchically using the D3 tree layout, with node colors (red, blue, or gray) indicating high, medium, or low accuracy. The trees are positioned along a horizontal accuracy scale, and an interactive dropdown allows filtering by accuracy group or specific feature. D3’s hierarchical layout and SVG rendering display the tree structures, with a legend and tooltip providing additional context.

Zzeyneb.mhamedi@gmail.com
66% match
Loading thumbnail…

Scatter Plot for CKYC

This scatter plot shows the monthly CKYC success record counts for 2020, with each circle positioned along a point scale for months and a linear scale for record counts. The code uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for the axes, and d3.axisLeft and d3.axisBottom to render gridlines. Rendered as an SVG, the visualization includes semi-transparent steelblue circles and labels the chart as “CKYC Success Trend of 2020.”

Aakshaypoojary
65% match
Loading thumbnail…

Scatter Plot for CKYC

This scatter plot shows the monthly CKYC success record counts for 2020, with each circle positioned along a point scale for months and a linear scale for record counts. The code uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for the axes, and d3.axisLeft and d3.axisBottom to render gridlines. Rendered as an SVG, the visualization includes semi-transparent steelblue circles and labels the chart as “CKYC Success Trend of 2020.”

Aakshaypoojary
65% match