Skip to main content
SimilarExport ZIP
100%

HARIARMA

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

Two line charts display the F3 and F4 time-series data from CSV files, comparing actual values with forecasts from SARIMAX, ARMA, and ARIMA models. Interactive buttons trigger updates to the displayed forecast series. The visualization uses D3.js for SVG rendering, with `d3.svg.line` and `d3.time.format` handling the path generation and coordinate scaling.

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…

Sixth Valence Arousal

This interactive line chart explores time-series predictions of valence and arousal from EEG data. Users toggle between different forecast models (ARMA, ARIMA, SARIMAX) and raw F4 measurements via buttons. The visualization uses D3.js (v3) to construct the SVG with a linear gradient stroke, animated updates, and a tooltip. Data is loaded from local CSV files using `d3.csv`.

HHariprashanth75
69% 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
67% match
Loading thumbnail…

Fifth Valence Arousal

This interactive visualization compares EEG-derived arousal and valence signals with their ARMA, ARIMA, and SARIMAX model predictions. The SVG chart renders animated time-series data from CSV files using D3.js, with buttons toggling between prediction outputs. The F4 electrode signal is also displayed for comparison against the model fit.

HHariprashanth75
65% match
Loading thumbnail…

Untitled

This example visualizes the progression of a line chart tracking a signal over time using D3.js. It reads CSV data files containing time-series measurements and displays them as multiple filtered lines on an SVG canvas. The code uses D3 v3’s `d3.svg.line`, `d3.time.scale`, and `d3.svg.axis` to render the chart with a date-based x-axis and linear y-axis. Interactive mouse-over effects are partially implemented, though the mouse-line overlay is not fully functional.

HHariprashanth75
64% match
Loading thumbnail…

Area chart - saranya

This interactive area chart visualizes the historical stock price data from a CSV file, allowing users to explore trends over time. The chart uses an area generator with a cardinal curve to create a smooth, filled line, and includes a time slider for filtering the date range. A brush feature enables zooming into specific time periods, with a reset button to return to the full view. Built with D3.js v4 and React, the visualization uses SVG rendering with animation and a tooltip for detailed value inspection.

MMalempatiSaranya
64% match
Loading thumbnail…

Line chart saranya

This line chart displays Apple stock prices over time, sourced from a CSV file. It uses D3.js v4 to render an SVG visualization with a blue-to-yellow gradient line. The chart includes interactive mouseover and mousemove events that reveal a data point’s exact price via a tooltip circle and text, leveraging D3’s `scaleTime`, `scaleLinear`, `line`, and `bisector` APIs.

MMalempatiSaranya
64% 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
63% match
Loading thumbnail…

line chart Saranya

A multi-line chart displays annual net forest conversion for Peru, Ecuador, and Colombia from 1990 to 2015, with each country shown as a colored line with a label legend. The visualization uses D3 v5 with d3.line, d3.scaleTime, and d3.scaleLinear to map years and forest values, while d3.nest groups the CSV data by country. SVG paths render the lines, and hover tooltips reveal the country name. The chart reads data from a local CSV file and uses d3.schemeCategory10 for color assignment.

MMalempatiSaranya
63% match