Create Real-time Chart with Javascript | Plotly.js Tutorial

[MP-wyir]

Nowadays, you can remove the `cnt` counter, and include a third parameter in extendTraces, the length of total data: .extendTraces('graph', {...}, 500), and remove the .relayout(...) line. Faster.

[XBGamerX]

Useful tutorial. I just made a subscriber gap graph for YouTube. Literally no other person would explained like that.

[ivanleong]

Thank you so much! This video was extremely helpful haha :)

[inzar]

You really help me with this tutorial. thank you very much

[TheMisteree]

Hey I copied the source code into my own application just to see if anything would display. I can only get the "Real-Time Chart with Plotly.js" to display on page. Do i need to provide css stylings for the chart? Has anyone else experienced this issue?

[j--kz]

now how to replace the simulated data with live data coming in over socketio?

[CameronCobb]

Amazing video. Thank you. Do you know how I would go about labeling the x-axis to show time since? For example the x-axis would -5 minutes ago, -10 minutes ago and -15 minutes ago? Thank you

[mzamri]

Nice tutorial. How to call the data from the firebase, and it's updated in real-time like this?

[arulp]

Thanks. I want to access data from MS Access and plot the graph. Could you please share the details

[feliwein_cc]

a question, in a slot of subplot can you print something like time and date? instead of another chart?.
Amazing video btw

[mikiallen]

but what extra elements goes in to "function getData()" if instead this data is being created / streamed from another API example, serp api where one can stream not the actual data but rather doing some transformations on the actual data, then visualizing the actual data (think of linear regression as a simple example), would you provide an example of that pls ?
thanks, keep up the good work

[susilo]

Could you please give a tutorial by reading data from file which update every second

[ОлегДоход]

Hi, how to open this index.html on localhost server?
I always error "Failed to load resource: the server responded with a status of 404 (Not Found)"

[gowthamraj]

I want the same functionality in react. I don't know how to apply the relayout on react.

[ismaelsikumbang]

I have one question. I have a problem making charts in real time. I will display a chart where the data source is from the database. please help the solution of my problem. please be able to share the javascript code

[henrycho]

does the relayout function remove the previous objects? cuz as soons as i opened the html, my macbook was about to be burned

[nodemwoon]

hi how to add multiple lines for eg. say 5 lines with real-time data from database or from a socket in node js express app with ejs template engine

[jasongoldman]

For most recent Plotly, use Plotly.newPlot instead of Plotly.plot

[ricardobernabe]

How can i show two different functions at the same time in my chart?

[lewis]

can this method (setinterval and extendtraces) be used to animate 3d scatter plot?