JavaScript Chart Performance: Plotting 10 Million Datapoints in under 25ms
Published: 2024-04-05 10:32:34

<!-- wp:paragraph -->
<p>At SciChart we like to push the boundaries of performance to meet the needs of our customers creating cutting-edge applications.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Our software is used by companies that require the fastest possible 2D &amp; 3D charts such as <a href="/realtime-telemetry-datavisualisation-formulaone-motorsport/">Formula One</a>, <a href="/data-visualization-for-the-epilepsy-research-kit-for-kids/">research </a>&amp; <a href="/powering-research-development-innovation-worldwide/">scientific innovation</a>, <a href="/android-app-to-view-long-term-ecg-signals/">medical companies</a> and more. So, when they ask us to push the boundaries of performance even further, we spare no expense!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Previously we wrote about SciChart.js, our fast <a title="JavaScript Chart Library" href="https://www.scichart.com/javascript-chart-features/">JavaScript Chart library</a> which could <a href="/scichart-js-performance-demo-1-million-datapoints-70ms/">load 1 Million datapoints in under 15ms</a>. This is a pretty cool feat but what if I told you with our cutting-edge technology SciChart can do even more?</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":33164,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img class="wp-image-33164" src="https://www.scichart.com/wp-content/uploads/2022/05/image-20.png" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>By utilising SciChart's award-winning C++ graphics engine, cross-compiled into <a href="/scichart-js-fast-javascript-chart-progress-update-april-2020/">WebAssembly and WebGL</a>, we've enabled further optimisations in our <a href="https://www.scichart.com/javascript-chart-features/">JavaScript charts</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote">
<p>With our latest optimisations (internal build) <strong>SciChart.js can now render 10,000,000 datapoints (10 Million Datapoints) in under 25 milliseconds</strong>.</p>
</blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph -->
<p>Here's a quick  video:</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><!--kg-card-begin: html--><iframe title="YouTube video player" src="https://www.youtube.com/embed/gZIivKIpaO4?rel=0&amp;loop=1&amp;playlist=gZIivKIpaO4&amp;autoplay=1" width="100%" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe><!--kg-card-end: html--></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>10 Million points plotted in 25 ms 🤯 A testament to our teams dedication to the fastest possible JavaScript chart control!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 id="pushing-the-boundaries-of-javascript-datavisualization">Pushing the Boundaries of JavaScript DataVisualization</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Well that's <em><strong>awesome</strong></em> but can we do any more?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Theoretically we can. SciChart's proprietary technology allows for ultra-large datasets in charts &amp; graphs, making us perfect for Big-data and demanding real-time charting applications. We currently hold the unofficial record for the <strong>largest number of datapoints visualised</strong> in a Windows chart control at <a href="https://www.youtube.com/watch?v=wBJ7r9rTs_4"><strong>64 Billion datapoints</strong></a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Due to our innovative tech stack where we share a vast and thoroughly road-tested C++ code across platforms, plus <a href="https://scichart.com/about-us">our team of experts</a> in performance optimisation, <strong>SciChart.js can theoretically be made to draw ultra large datasets up to billions of datapoints</strong>. But is that what you need in your browser or electron applications? If so, get in touch with us and let's discuss.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>If you have a challenging or impossible data-visualization project, <a href="https://www.scichart.com/contact-us/">then send us an email</a> and we will do our best to help!</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"4px"},"color":{"background":"#42b649"}},"fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-background" style="border-radius: 4px; background-color: #42b649;" href="https://www.scichart.com/contact-us/">Contact Us</a></div>
</div>


<h2 id="about-scichart-high-performance-realtime-charts"><strong><strong><strong><em><em><em><em><em><em><em><em>About SciChart: High Performance Realtime Charts</em></em></em></em></em></em></em></em></strong></strong></strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><em><em><em><em><em><em><em><em>SciChart provides high performance real</em></em></em></em></em></em>-<em><em><em><em><em><em>time chart components on the WPF (Windows), iOS, Android and </em></em></em></em></em></em></em><em><em><em>JavaScript </em></em></em><em><em><em><em><em><em><em>platforms. It is our goal to create the best cross-platform Native WPF, iOS, Android and JavaScript 2D &amp; 3D Charts in the world, focusing on performance, developer productivity, ease of use, depth of features and enterprise-grade tech support.</em></em></em></em></em></em></em></em></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><em><em><em><em><em><em><em><em>If you have a question about what SciChart's WebGL / WebAssembly Charts can offer you, or if you would like to get a quote, please <a href="https://www.scichart.com/contact-us/">contact us</a>. Our friendly, helpful support team will be glad to help!</em></em></em></em></em></em></em></em></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><!--kg-card-begin: html--><a class="button" title="SciChart.js JavaScript Chart Library" href="https://www.scichart.com/javascript-chart-features/" target="_blank" rel="noopener noreferrer">SciChart.js JavaScript Chart Library</a><!--kg-card-end: html--></p>
<!-- /wp:paragraph -->