Scatter Plot

100%

Scatter Plot - Radiacion

✓ Published0🌍 Public

Last edited Sep 14, 2025

Created on Sep 12, 2025

A scatter plot displays the relationship between observation timestamps and Global Horizontal Irradiance (GHI) values from a CSV dataset. Time is plotted on the x-axis and solar radiation on the y-axis, with each data point rendered as a small circle. The visualization uses D3.v7 APIs including `d3.csv`, `d3.scaleTime`, and `d3.scaleLinear` to parse data and map coordinates, while `d3.axisLeft` and `d3.axisBottom` generate the chart axes. The SVG output is sized to fill the browser window.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

RAD / UV (CABA)

This scatterplot visualizes the relationship between UV index and solar radiation measurements across multiple weather stations in Buenos Aires (CABA). Each circle represents an hourly observation, with axis labels marking the UV index on the x-axis and solar radiation in watts on the y-axis. The code uses D3 v5 with a linear scale for both axes, rendering SVG circles with low opacity to show overlapping data density. Data is loaded from a CSV file containing meteorological variables, and the chart includes custom axis formatting and grid lines created through the axisBottom and axisLeft APIs.

Jjeronimoek

71% match

Loading thumbnail…

This example plots temperature readings from a CSV file over time, showing the daily temperature cycle in San Francisco. The visualization uses D3 v5 with React, rendering an SVG scatter plot where each circle represents an hourly observation. The code employs D3’s `scaleTime` and `scaleLinear` to map timestamps and temperatures to coordinates, with `axisBottom` and `axisLeft` for labeled axes. The data is loaded via `d3.csv`, and circles are appended to the SVG with a fixed radius and red fill at reduced opacity.

Ggregosaure

71% match

Loading thumbnail…

Scatter Plot

A scatter plot displays individual data points positioned by two numeric variables, with each point rendered as a small circle. The visualization uses D3.js v6 and is built with a simple SVG container. The code applies the `d3.scaleLinear` function to map x- and y-values to pixel coordinates, then appends `circle` elements to the chart area. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded from an external CSV file using `d3.csv`, and the plot updates dynamically once the data is parsed.

JJames Huang

70% match

Loading thumbnail…

SCATTER PLOT 11714828

This scatter plot visualizes plant growth data, showing the relationship between temperature and humidity with fixed axis labels. A reusable D3 chart factory defines the plot, with animated cycling through three numeric fields (temperature, humidity, growth) via `setInterval`, though the axis titles remain constant. The visualization uses d3.csv to load data, d3.scaleLinear for axes, and SVG circles for points. The chart supports configurable dimensions, margins, scales, and radius through a functional API, with a simple steelblue fill for all data points.

Llathabemanadham@my.unt.edu

70% match

Loading thumbnail…

Scatter Plot Temp Change

This scatter plot visualizes global temperature changes from 1880 to 2016, with each green circle representing the annual mean temperature deviation recorded by either the GCAG or GISTEMP source. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.csv to load the dataset. SVG circles are positioned using the x and y scales, with a title and axis labels rendered as text elements.

Mmandadi1999

69% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping Time on the x-axis and Value on the y-axis for each data point. The visualization uses React and D3 v5, with `scaleLinear` for both axes and SVG circles rendered as marks. Axes are constructed with reusable `AxisBottom` and `AxisLeft` components, while the `Marks` component includes native SVG tooltips. Data is loaded asynchronously via `d3.csv` from a remote URL, and hover interactions reveal formatted tick values.

NNYY

69% match

Loading thumbnail…

Scatter Plot

A scatter plot displays metric1 against an index for each data point, with a circular tooltip revealing the ID on hover. Clicking a circle loads an audio file from a CSV of URLs and plays it through an HTML audio element. The visualization uses D3 v5's `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` APIs, rendering two SVGs with mouse event handlers for interactive feedback.

KKan Kawabata

69% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

69% match