JS GraphicsLesson 33Free preview

Graph Plotly.js

This lesson is part of A.I. · All levels

Summary

Plotly.js is a JavaScript library for creating interactive graphics such as scatter plots, lines, bars, and more. Just set up arrays x and y, specify the mode and type of the graphics, and then Plotly render them to the HTML element of our choice. The tooltip, legend, and zoom features are available without complicated configurations.

Key points

Plotly.js creates a variety of interactive graphics with a little code.
Plotly.newPlot('id', data) rendering a graph to an element with a specific id.
The markers mode shows the dots, the lines show the lines, can be combined.
The scatter type is suitable for seeing the relationship between the x- and y-axes.
Tooltips, legends, and zooms are all available in-house.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.