awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
rrag avatar

rrag/react-stockcharts

0
View on GitHub↗
4,021 stars·966 forks·JavaScript·MIT·27 viewsrrag.github.io/react-stockcharts↗

React Stockcharts

react-stockcharts is a financial charting library built with React and D3 for visualizing market price data. It provides a system for rendering stock charts and candlestick visualizations to represent market movement.

The library functions as a technical analysis tool that computes and overlays mathematical trading indicators on price charts. It includes an interactive interface for navigating financial data through zooming, panning, and the addition of manual geometric annotations.

The project covers financial data visualization, market price tracking, and the creation of interactive trading dashboards.

Features

  • Candlestick Charts - Provides a complete rendering system for displaying market movement via candlestick and line charts.
  • Price Action Visualizers - Renders candlestick and line charts to represent opening, closing, high, and low prices.
  • Indicator Pipelines - Processes raw price arrays through mathematical pipelines to generate technical analysis overlays.
  • Financial Market Visualizers - Provides a visualization engine specifically for rendering financial price data and trading markers.
  • SVG Chart Renderers - Uses D3.js to construct and render SVG elements within the React component lifecycle.
  • Financial Charting - Implements specialized financial charting components with interactive zooming and panning on time-series data.
  • Scale-Based Coordinate Mappings - Translates financial time and price values into precise pixel coordinates using D3 scales.
  • Technical Analysis - Computes and overlays mathematical indicators to identify trends and patterns in financial data.
  • Technical Indicators - Calculates mathematical trading metrics based on price and volume to identify market trends.
  • Chart Components - Supplies reusable React components for rendering interactive financial data visualizations.
  • React Charting Libraries - Offers a set of customizable stock charting components designed specifically for the React ecosystem.
  • Trading Dashboards - Offers a user interface for monitoring trades and analyzing financial data through interactive charts.
  • Chart Composition Layers - Implements a stacking order for chart elements, from background grids to foreground indicators.
  • Plot Pan and Zoom Controls - Provides interactive mechanisms for zooming and panning across financial plot data.
  • Interactive Drawing Tools - Provides tools for users to manually add geometric annotations and trend lines to price charts.
  • Technical Analysis Visualizers - Provides visualization components specifically for displaying financial trends and technical indicators.
  • Declarative Chart Libraries - Allows users to configure chart behavior and styling through a declarative React props API.
  • Framework Integrations - Highly customizable stock chart components for React.

Star history

Star history chart for rrag/react-stockchartsStar history chart for rrag/react-stockcharts

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does rrag/react-stockcharts do?

react-stockcharts is a financial charting library built with React and D3 for visualizing market price data. It provides a system for rendering stock charts and candlestick visualizations to represent market movement.

What are the main features of rrag/react-stockcharts?

The main features of rrag/react-stockcharts are: Candlestick Charts, Price Action Visualizers, Indicator Pipelines, Financial Market Visualizers, SVG Chart Renderers, Financial Charting, Scale-Based Coordinate Mappings, Technical Analysis.

Which projects share features with rrag/react-stockcharts?

Projects with overlapping indexed features include: naver/billboard.js — billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a… matplotlib/mplfinance — mplfinance is a financial time-series plotter and market data visualization framework built on Matplotlib. It is… louisnw01/lightweight-charts-python — This project is a Python wrapper for the Lightweight Charts library, designed to render interactive, browser-based… mementum/backtrader — Backtrader is a Python framework designed for the development, backtesting, and live execution of algorithmic trading… klinecharts/klinechart — KLineChart is a high-performance financial charting library and data visualization engine. It uses native browser… bloomberg/bqplot — bqplot is an interactive data visualization library for Jupyter notebooks. It implements a grammar of graphics model,…

Projects sharing features with React Stockcharts

These projects share indexed features with React Stockcharts. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • naver/billboard.jsnaver avatar

    naver/billboard.js

    5,980View on GitHub↗

    billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

    TypeScript
    View on GitHub↗5,980
  • matplotlib/mplfinancematplotlib avatar

    matplotlib/mplfinance

    4,385View on GitHub↗

    mplfinance is a financial time-series plotter and market data visualization framework built on Matplotlib. It is designed to render market data frames into specialized charts, including candlesticks, OHLC bars, Renko bricks, and point-and-figure columns. The library distinguishes itself through a dedicated market data framework that manages trading calendars and non-trading periods, ensuring accurate temporal spacing by collapsing gaps during holidays. It also provides a system for technical analysis charting, enabling the overlay of moving averages, volume bars, and other technical indicator

    Pythoncandlestickcandlestick-chartcandlestickchart
    View on GitHub↗4,385
louisnw01/lightweight-charts-pythonlouisnw01 avatar

louisnw01/lightweight-charts-python

2,074View on GitHub↗

This project is a Python wrapper for the Lightweight Charts library, designed to render interactive, browser-based financial visualizations. It serves as a framework for building custom financial dashboards and interfaces that integrate live market feeds and historical data series. The library enables the construction of complex layouts by combining multi-pane charts, watchlists, and order entry tables into a single unified workspace. It supports real-time market monitoring by streaming live tick or bar data directly into active visualizations, allowing for incremental updates without requiri

TypeScriptcharting-libraryfinancial-charting-librarylive-charts
View on GitHub↗2,074
  • mementum/backtradermementum avatar

    mementum/backtrader

    20,462View on GitHub↗

    Backtrader is a Python framework designed for the development, backtesting, and live execution of algorithmic trading strategies. It provides a comprehensive environment for quantitative finance, allowing users to simulate trading logic against historical market data or connect directly to brokerage platforms for automated real-time trading. The project distinguishes itself through a unified event-driven architecture that treats backtesting and live trading with the same API. This consistency is supported by a flexible data-feed abstraction layer that normalizes diverse financial sources, ena

    Pythonbacktestingmetaclasspython
    View on GitHub↗20,462
  • Compare all 30 related projects→