Skip to main content
SimilarExport ZIP
100%

ScatterPlot

✓ Published0🌍 Public
HHariprashanth75
Last edited Apr 9, 2021
Created on Mar 17, 2021
Forked from Line Chart

This scatter plot visualizes the relationship between F3 and F4 EEG signal values, with each circle representing a data point from the CSV file. The plot uses D3 v6's scaleLinear, extent, and axis functions to generate the axes and render the circles as SVG elements. The title "Alpha Power of F3 vs F4" labels the chart, while axis labels and tick marks are styled using CSS.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Linear Regression and Scatterplot

This visualization shows a scatterplot of EEG data, plotting F3 against F4 values from a CSV dataset, with a red dashed regression line overlaid to display the linear relationship between the two attributes. Interactive dropdown menus allow users to select which EEG channels to compare. The chart is rendered using D3 v4, employing `d3.scaleLinear` for axes, `d3.csv` for loading data, and a custom `calcLinear` function for computing regression parameters, with circles representing individual data points in SVG.

HHariprashanth75
84% match
Loading thumbnail…

Interactive ScatterPlot

This interactive scatterplot visualizes EEG signal data, plotting pairs of electrode channels (such as F3 vs. F4) as animated circles. Users select the x and y columns from dropdown menus built with a custom ES6 module, and two slider controls adjust the opacity of the circles and background. The visualization uses D3 v6 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `transition().duration().delay()` to animate points from the center. The SVG rendering loads data from a CSV file and updates axes and labels on selection.

HHariprashanth75
82% match
Loading thumbnail…

Above Line F4

This interactive line chart visualizes alpha and beta EEG frequency band power at electrode F4, alongside F3, over time. The visualization uses D3.js (v3/v4) to render SVG paths that users can switch between using the Alpha and Beta buttons. The line chart includes zoom controls and axes, with data loaded from local CSV files. The graph updates its domain and data when the buttons are clicked, and the legend indicates that the displayed lines represent F4 frequency measurements.

HHariprashanth75
82% match
Loading thumbnail…

Line Chart

This line chart visualizes the F4 electrode’s alpha power across Epoch values, using a smooth curved path to highlight trends over time. The chart includes labeled axes, gridlines, and a title. Built with D3 v6, it loads CSV data and renders an SVG, employing `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.line` with a `curveBasis` interpolation for the line.

HHariprashanth75
80% match
Loading thumbnail…

Linear Regression ParT 2

This example uses D3.js to plot EEG data from a CSV file, comparing the F3 and F4 channels. It renders scatter plot dots colored by manufacturer, along with a red regression line calculated using the least squares method to show the relationship. A tooltip appears when hovering over the line, displaying computed values at the mouse position. Axes, axes labels, and a legend are built with d3.svg.axis.

HHariprashanth75
80% match
Loading thumbnail…

Above Line F3

This example visualizes alpha and beta frequency band amplitudes recorded from the F3 electrode in EEG data. The line chart displays signal amplitudes over time, with buttons allowing users to toggle between alpha and beta datasets. The visualization uses D3 v3 and v4 to render SVG paths with green strokes on a black background, featuring zoom controls and axis updates. Data is loaded from local CSV files containing time-series measurements with epoch values.

HHariprashanth75
80% match
Loading thumbnail…

Untitled

An interactive scatterplot displays F3 against F4 coordinates from a CSV dataset, with each point representing an Epoch value. The chart includes zoom and pan functionality via d3.zoom, allowing users to rescale both axes and update circle positions dynamically. The visualization uses d3.v4, renders as SVG, and demonstrates clip-path implementation to contain drawn elements. Axis scales are linear, with circles colored teal and semi-transparent for overlapping point visibility.

HHariprashanth75
79% match
Loading thumbnail…

Alpha, Beta, Arousal

This visualization charts alpha and beta EEG frequency bands from electrodes F3 and F4, alongside a derived arousal metric across epochs. The SVG line chart plots F3 and F4 values from CSV data, with interactive buttons to toggle between frequency bands and zoom controls using d3.behavior.zoom. A legend distinguishes the colored lines, and clicking the chart updates the axes dynamically. Data is loaded via d3.csv and rendered using d3.svg.line and d3.svg.axis.

HHariprashanth75
78% match