RSI

100%

✓ Published0🌍 Public

Last edited May 28, 2019

Created on Sep 5, 2017

An interactive RSI indicator chart for stock price data. The visualization renders a line series showing the Relative Strength Index percentage, with horizontal annotations at the 30, 50, and 70 thresholds. Built with d3fc, it uses `fc.seriesSvgMulti` to merge the `fc.seriesSvgLine` and `fc.annotationSvgLine` components, while `fc.indicatorRelativeStrengthIndex` computes the indicator from CSV data. The x-axis uses a time scale, and the y-axis is fixed to a 0-100 domain.

AI-generated description

A Relative Strength Index (RSI) indicator example.

The RSI provides a percentage rather than a price output. It is typically rendered alongside 30 / 50 / 70 percent lines. In this example d3fc line annotations are used to render these.

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

30. 3-stock-return chart inner data

A multi-series line chart compares the daily return of three stocks (shls, ssgf, and jqr) over roughly ten months, with values indexed to a baseline of 1. The visualization displays each stock’s relative performance as a separate colored line, with a legend labeling the end of each series. Built with D3 v4, the chart loads data from a CSV file, parses dates with `d3.timeParse`, maps dates to the x-axis using `d3.scaleTime`, and encodes return values on the y-axis with `d3.scaleLinear`. Lines are rendered as SVG paths, with color assigned via `d3.schemeCategory10` and axes drawn using `d3.axisBottom` and `d3.axisLeft`.

深深度碎片

68% match

Loading thumbnail…

Stochastic Oscillator

This example visualizes a stochastic oscillator indicator applied to stock price data, displaying the %K and %D lines as red and blue series within a 0–100 percent scale. The chart uses d3fc's `indicatorStochasticOscillator` to compute the oscillator, `seriesSvgLine` with a decorate pattern to style the lines, and `annotationSvgLine` to mark the 20 and 80 percent thresholds. Data is loaded from a CSV file and parsed with d3's `timeParse` and `csv` functions.

CColinEberhardt

68% match

Loading thumbnail…

Force Index

This example shows a Force Index indicator overlaid on stock price data from a CSV file, with a horizontal zero baseline. The Force Index line is computed from close price and volume, then plotted against date using D3 scales and d3fc’s `seriesSvgLine` and `annotationSvgLine` components. The chart uses `chartCartesian` with a time x-axis and linear y-axis, while `extentLinear` pads the y-domain symmetrically about zero. Data is parsed from CSV format using `d3.timeParse` and `d3.csv`.

CColinEberhardt

67% match

Loading thumbnail…

RSA

The visualization plots two series from a tab-separated dataset, example2.tsv, using d3.tsv to load the data. A green step-curve and red natural-curve line chart display the y1 and y2 values against the shared x-axis, each with circular point markers. The SVG rendering uses d3.scaleLinear, d3.line with d3.curveStep and d3.curveNatural, and d3.axisTop, d3.axisLeft, and d3.axisRight for separate scales. Two overlaid groups handle the series, with custom stroke and fill colors distinguishing them.

OOleJRask

67% match

Loading thumbnail…

stock

A multi-line chart animates banking stock prices over time, with each series plotted in its own horizontal band and labeled by symbol. The visualization first draws lines progressively using a `d3.timer`, then transitions into horizon charts by stacking filled areas with a `clipPath`. Data is loaded via `d3.csv` from a gist and parsed with `d3.time.format`. The SVG rendering uses `d3.svg.line`, `d3.svg.area`, and `d3.scale.linear` to map dates and prices, with color assigned by `d3.scale.category10`.

SSheela2930

66% match

Loading thumbnail…

Untitled

This interactive scatterplot displays stock data with price on the x-axis and true value on the y-axis, using colored circles to represent stock types. Users filter the visualization through a dropdown menu for sector selection and jQuery UI sliders that adjust volume and delta ranges. The D3.js code loads data from a CSV file, applies keyed enter/update/exit selections, and includes hover tooltips that highlight individual stocks. The SVG renderer uses d3.axisBottom and d3.axisLeft for axes, with d3.scaleOrdinal for categorical coloring.

Mmkolowrat

66% match

Loading thumbnail…

HTML Starter

This example renders a dual-axis time series chart of S&P 500 stock prices and long-term interest rates from monthly data in a CSV file. The SVG visualization uses D3 v5 scales and axes, with two line generators for each metric and a filled area between them, though the area is nearly transparent. The chart displays the data over time with inverted y-axes and employs `d3.csv` for data loading and `scaleTime` for temporal mapping.

Ppaularl

66% match

Loading thumbnail…

Untitled

This interactive line chart visualizes the High and Low values of stock symbols from the National Stock Exchange of India, with an animated transition between the two metrics. A dropdown menu lets users switch between the High and Low series, triggering a smooth data update. The visualization uses d3.csv to load data, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the y-axis, and d3.line to draw the path, with circles marking data points. The update function employs d3 transitions over 1000 milliseconds to animate the line and dots, rendered as SVG elements.

SSheela2930

65% match