Skip to main content
SimilarExport ZIP
100%

Valence and Arousal wtih Epochs

✓ Published1🌍 Public
HHariprashanth75
Last edited Jul 9, 2021
Created on May 2, 2021
Forked from Hello VizHub

This interactive visualization plots arousal and valence values across 90 epochs, displaying each metric as a separate line graph with data points. The user can toggle between the two EEG-derived signals via buttons. Built with D3 v4, the visualization uses a linear gradient from blue to red to encode intensity, and circles with tooltips for data inspection. The data is loaded from remote CSV files, with axes styled in yellow against a black background.

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…

Valence and Arousal wtih Epochs 90-180

This example visualizes valence and arousal data across epochs 90-180 using two overlaid SVG line charts with yellow axes and a blue-to-red gradient stroke. The arousal chart displays a thin line with clickable circles that show tooltips, while the valence chart uses a thicker gradient line. Both charts load CSV data via `d3.csv`, scale axes with `d3.scaleLinear`, and render paths using `d3.line`. The visualization demonstrates D3 v4 imports, local ES6 modules, and interactive tooltip behavior on a black background.

HHariprashanth75
90% match
Loading thumbnail…

Valence and Arousal Custom 1-90 Epochs

This visualization displays arousal levels over the first 90 epochs, with the x-axis representing epochs and the y-axis representing the F4 frequency value. It uses D3 v5 to create a line chart with a linear scale, selected through a CSV file named arousal.csv. The code also demonstrates loading D3 from a CDN and importing local ES6 modules.

HHariprashanth75
88% match
Loading thumbnail…

Long Valence Arousal 2

This example visualizes EEG arousal and valence data over time as a thick, gradient-colored line chart against a dark background. It plots the F4 frequency values from the provided CSV files for each epoch, using a blue-to-red gradient to indicate signal intensity. The visualization is built with D3.js, employing linear scales, SVG axes, and a line generator, with small circles marking each data point that reveal frequency details on click. The black canvas and exaggerated chart dimensions emphasize the waveform's shape and peaks.

HHariprashanth75
88% match
Loading thumbnail…

Valence and Arousal with Epochs 180-270

This example visualizes predicted arousal values for epochs 181–200, plotting three time-series models—ARMA, ARIMA, and SARIMAX—as thick gradient lines overlaid with clickable yellow scatter points. A second heading for valence prediction is present, though its plotting logic is incomplete. The visualization uses d3.csv to load remote data, d3.scaleLinear for axes, and d3.line with a linearGradient stroke to encode values. Tooltips appear on click using d3 transitions, while the SVG renders on a black background with yellow axis labels.

HHariprashanth75
86% match
Loading thumbnail…

Second Valence Arousal

This example plots time-series measurements of arousal and valence from an EEG dataset (channel F4) as an animated, interactive line chart. The visualization displays one of three data segments at a time, with buttons to switch between arousal and valence signals, or to cycle through the segments. The chart uses a gradient stroke from blue to red to encode the signal amplitude, while individual samples appear as small yellow dot markers on click. The code uses the D3.js library, specifically `d3.csv` for data loading, `d3.scale.linear` for axes, and `d3.svg.line` for the path geometry.

HHariprashanth75
86% match
Loading thumbnail…

First Valence Arousal

This visualization compares arousal and valence signals over time using a line chart with a gradient stroke. The y-axis shows the signal amplitude of F4, while the x-axis represents the epoch. Interactive buttons let a user toggle between displaying the arousal and valence datasets, or trigger a movement animation. The chart is built with D3.js, loading data from CSV files (arousal*.csv, valence*.csv) and using SVG paths with a linear gradient and scatter plot points for onClick tooltips.

HHariprashanth75
86% match
Loading thumbnail…

Third Valence Arousal

A viewer for EEG arousal and valence signals renders a thick, color-gradient line (blue to red) across time, with interactive buttons to switch between six datasets. Drawn as an SVG using D3.js v3, the chart maps Epoch to the x-axis and F4 signal amplitude to the y-axis. The tooltip on hover reveals data point values, while axes are styled in yellow against a black background.

HHariprashanth75
85% match
Loading thumbnail…

Long Valence Arousal

Two physiological signals, arousal and valence, are visualized as a long, horizontal, animated line chart. The visualization plots data from `valenceTotal.csv` and `arousalTotal.csv` over epochs, with a thick, gradient-colored stroke transitioning from blue to red. Buttons allow a user to switch between the two datasets, and a "Move" operation shifts the chart horizontally. The implementation uses D3.js version 3.5.17, including `d3.scale.linear`, `d3.svg.line`, and `d3.csv`, within an SVG canvas.

HHariprashanth75
85% match