Pre loader

JavaScript Fan Chart

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

Here we demonstrate how to create a JavaScript Fan Chart using SciChart.js. Uncertainty Fan Charts display forecasts and margins of uncertainty for the outcome. The most probable outcome is displayed along with the degree of uncertainty and balance of risks. Zoom in and out to see the detail you can achieve using our JavaScript Charts.

Ready to create your fan chart in JavaScript?

SciChart software is built to create high performance JavaScript charts. To use it locally, sign up and follow the steps in our getting started guide.

See the SciChart.js Getting Started guide to:

  • Get started for free with our community edition.
  • Code a chart with NPM and Webpack and step-by-step code samples.
  • Compile our examples app and get access to more than 80 chart examples, including customizable fan charts.

Build your first charting app with our tutorials.

Get Started For Free Today

You can compile our charting app with NPM install, and our demos are easy to follow. We offer boilerplates for the most popular frameworks, including Angular, Vue, Blazor, React, Electron and Next.js.

Powering your data charts with our software can deliver high-quality results that are responsive, interactive and smooth.

For more complex functionality, we have tutorials and documentation. You can also contact our knowledgeable support team for advice.

Case Uses & Industries

Fan charts can be particularly useful for economic policy decision-makers. It can help them determine risks, and perform probabilistic assessment of the forecasts being over a range of different outcomes. This data visualization helps to quantify forecast uncertainty, and has been used by major banks and financial institutions, such as the Bank of England, since the 1990s. Example uses include to display the volatility of exchange rates or oil prices.

Why Use SciChart JavaScript Chart Library?

  • Supports tens of millions of data points
  • Fast rendering for real-time data feeds
  • Supports customizable, interactive features
  • 5-star rated support for developers
  • Winner of the Queen’s Award for Innovation

Get started for free to create JavaScript Fan Charts and more (no credit card required).

Frequently Asked Questions

Are your JS fan charts responsive?
Yes – all our JS charts are fully responsive across all devices.

What customizations and interactions are available?
With our JavaScript charts, you can access endless customizations and interactions, including adding drag-to-zoom, pan, mousewheel zoom, drag axis to zoom and zoom extents behaviors with our powerful ChartModifier API.

How do I buy a JavaScript charts licence?
With SciChart, it’s easy to buy a JavaScript chart licence. If you want to purchase a licence, browse our SciChart.js licence products today.

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New