Plotting 100k+ records in JavaScript

UpdatedNovember 30, 2022

Unlike matplot library in python where you can easily plot records of 100k+

Many JavaScript Library Fails to do the same

Popular JS Library

They are good and easy to use but when it comes to plotting data over 30k+ or 50k+ they suffer performance issue and can even crash.

Both have configuration to speedup the performance and plot larger dataset but they still suffer.

Apache ECharts

JavaScript library can easily plot data over 100k+

Image description

Reference Link: Apache ECharts

Examples

Reference Link: link

#javascript #graph #python #matplotlib #dashboard

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Tailwind + React Native

1. Create the project Create the project with the Expo CLI npx create-expo-app my-app cd my-app Install tailwind and its dependency yarn add nativewind yarn add --dev tailwindcss 2. Setup Tailwind CSS Run npx tailwindcss init to create a tailwin...

Dec 28, 20221 min read

Update State After API Response React!!!

Have you ever wondered why immediately after updating the state if it is logged, the value is undefined?? const fetchAPI = async () => { const res = await axios.get("https://catfact.ninja/fact"); setData((previousData) => ({ ...previousData...

Nov 25, 20222 min read

Regular Function VS Fat Arrow Function

Regular function function ATraditionalFunc () { console.log("inside traditonal function") } ATraditionalFunc() Output inside traditonal function Arrow Function or Fat Arrow function const AFatArrowFunc = () =>{ console.log("inside fatArrowFunc fu...

Nov 24, 20222 min read

Block scope Vs Global scope var, let, const !!!

const a = 1; let b = 2; var c = 3; if(true){ const a = 10 let b = 20 var c = 30 console.log('Inside Block value of a = ' ,a ) console.log('Inside Block value of b = ' ,b ) console.log('Inside block value of c = ' ,c ) } console.log('...

Nov 24, 20222 min read

Asynchronous to Synchronous JavaScript

Popular JavaScript Interview Question How to Convert Asynchronous code to Synchronous code ? Promises can be used to convert Asynchronous code to Synchronous code. Example Asynchronous setTimeout Function console.log("Before setTimeout") setTimeou...

Nov 24, 20221 min read

Untitled Publication

6 posts

I am Full Stack Developer working at Siemens. I have experience in full-stack development for web and mobile applications.