Skip to main content
SimilarExport ZIP
100%

Linear Regression and Scatterplot

✓ Published0🌍 Public
HHariprashanth75
Last edited May 3, 2021
Created on Apr 9, 2021
Forked from Hello VizHub

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.

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 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
89% match
Loading thumbnail…

ScatterPlot

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.

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
84% 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
74% 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
74% match
Loading thumbnail…

CMU

This example visualizes EEG signal data, letting users explore relationships between channels (e.g., F3 vs. F4) through scatterplots or line graphs. Buttons switch between beta, alpha, gamma, delta, and other datasets loaded from CSV files. The interface includes dropdown menus for selecting x- and y-axis columns and the chart type. Using D3 v6, the code builds SVG visualizations with animated circle transitions on scatterplots, and uses `scaleLinear`, `axisLeft`, `axisBottom`, and a `line` generator with `curveBasis`.

HHariprashanth75
74% match
Loading thumbnail…

Valence Layer

This interactive visualization charts valence values derived from alpha and beta EEG frequencies recorded at the F3 and F4 electrode sites. Users can toggle between the four frequency-channel combinations via buttons, with the colored line representing the selected signal and a zoom feature for closer inspection. The example loads data from separate CSV files for each frequency band and uses D3.js version 4 to render the line chart as an SVG with animated transitions. The underlying code also demonstrates importing modules from local ES6 files and loading D3 via UNPKG.

HHariprashanth75
72% 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
72% match