Skip to main content
100%

scatterplot hecho con RAWGraph

✓ Published0🌍 Public
Aaaizemberg
Last edited May 20, 2020
Created on May 20, 2020

A scatterplot created with RAWGraph displays data points distributed across a grid with axes labeled in increments of 500, ranging from 500 to 5,000 on the x-axis and 2,000 to 8,000 on the y-axis. The SVG rendering uses D3.js axis and circle elements to position each point, with the code referencing `d3.axis`-style tick marks and a scatterplot layout. The data appears to come from a gist, and the visualization is embedded directly in an HTML page as static SVG.

AI-generated description

Similar vizzes

Loading thumbnail…

Scatterplot

A scatterplot displays 50 randomly generated data points, mapping each point’s x- and y-coordinates against linear scales with axis tick marks. The SVG rendering, created with D3.js, uses a linear scale for both axes and a third linear scale to map y-values to circle radius (ranging from 2 to 5 pixels). The visualization is animated, as the dataset is regenerated with new random values each time the page loads, and the circles are drawn without transitions between states. The code explicitly uses D3’s `d3.scale.linear` and `d3.svg.axis` APIs to construct the plot.

MMrajyalakshmi
75% match
Loading thumbnail…

Scatter

This example shows a scatterplot of 50 randomly generated data points, with each point’s position determined by its x and y values and its size scaled by the y value using a square-root scale. The visualization uses D3 v4 with an SVG rendering approach, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for the point radii, and `d3.axisBottom` and `d3.axisLeft` to draw the axes. The dataset is created on the fly with `Math.random`, so the plot changes each time the page loads.

TTollyCoburn
75% match
Loading thumbnail…

Scatter Plot

This scatter plot displays ten randomly generated data points distributed across a two-dimensional plane, with each circle’s position determined by linear scales mapping the data range to pixel coordinates and its radius scaled proportionally. The visualization uses D3 v4 to create an SVG, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The code applies `d3.scaleLinear` for both x and y positioning, `d3.scaleOrdinal` with `d3.schemeCategory20` for coloring each circle, and a separate radius scale. The data originates from `d3.range(10).map(Math.random)`, producing a simple, uncluttered chart that highlights basic scatter plot construction without external data files.

BBerengerCunillera
75% match
Loading thumbnail…

ScatterPlot

This scatterplot uses D3 to display a set of points on an SVG canvas, with axes drawn via a linear scale. The code defines explicit margins and dimensions, then appends an SVG group to position the plot area. Each data point is rendered as a circle, though the dataset itself is not included in the visible code. The visualization focuses on showing the distribution of values across the x and y coordinates, with no additional encoding beyond position. The implementation relies on D3’s selection and scale APIs, following a standard margin-based layout pattern.

BBerengerCunillera
74% match
Loading thumbnail…

simple scatterplot

This simple scatterplot displays seven data points on a Cartesian grid, with x-values ranging from 0 to 50 and y-values from 0 to 70. The visualization uses D3 v4’s `d3.scaleLinear` to map data coordinates to pixel positions, and `d3.axisBottom` and `d3.axisLeft` to render the axes. Circles are appended to an SVG canvas, with their radius and fill color varying per index. The data is hardcoded as an array of objects, and the axes are positioned using SVG `transform` attributes.

VVishwacorp
73% match
Loading thumbnail…

simple scatterplot

A simple scatterplot displays seven data points with x-values between 14 and 39 and y-values between 22 and 61. The visualization uses D3 v4 to create SVG circles, with linear scales mapping the data domain to screen coordinates. The code defines x and y scales, generates axes with d3.axisBottom and d3.axisLeft, and appends circles with radii and fill colors that vary by index. The data is hardcoded as an array of objects, and the chart renders within an SVG canvas sized 960 by 500 pixels.

VVickyLouise
72% match
Loading thumbnail…

First Gist... More to come

This example shows a simple scatter plot of ten randomly generated data points, with axis lines spanning the full width and height of the chart. The visualization uses D3 v3 to create SVG circles positioned by linear scales, while the x- and y-axes are drawn using `d3.svg.axis` with tick sizes matching the chart dimensions. The data is created inline with `Math.random()`, and the plot is centered on the page with a gray background and red circles.

AAlexDaGr8
72% match
Loading thumbnail…

D3 Scatterplot

This D3.js v3 scatterplot displays eight data points as circles on an SVG canvas, with each point labeled by its raw coordinate values. The visualization maps the first and second values of each array to the x- and y-axes using linear scales with padding and nice rounding. Axes are generated with the `d3.svg.axis` API, positioned on the bottom and left. The data is embedded directly in the code as an array of coordinate pairs, and the circles use the `cx` and `cy` attributes for placement.

WWilliamQLiu
71% match