@types/plotly.js

What is @types/plotly.js?

@types/plotly.js provides TypeScript definitions for the Plotly.js library, which is a graphing library that makes interactive, publication-quality graphs online. It supports a wide range of chart types and is highly customizable.

What are @types/plotly.js's main functionalities?

Basic Line Chart

This feature allows you to create a basic line chart. The code sample demonstrates how to define the data and layout for a simple line chart and render it using Plotly.

const trace1: Plotly.Data = { x: [1, 2, 3, 4], y: [10, 15, 13, 17], type: 'scatter' }; const layout: Partial<Plotly.Layout> = { title: 'Basic Line Chart' }; Plotly.newPlot('myDiv', [trace1], layout);

Bar Chart

This feature allows you to create a bar chart. The code sample shows how to define the data and layout for a bar chart and render it using Plotly.

const trace1: Plotly.Data = { x: ['A', 'B', 'C'], y: [20, 14, 23], type: 'bar' }; const layout: Partial<Plotly.Layout> = { title: 'Bar Chart' }; Plotly.newPlot('myDiv', [trace1], layout);

3D Surface Plot

This feature allows you to create a 3D surface plot. The code sample demonstrates how to define the data and layout for a 3D surface plot and render it using Plotly.

const data: Plotly.Data[] = [{ z: [[1, 2, 3], [4, 5, 6], [7, 8, 9]], type: 'surface' }]; const layout: Partial<Plotly.Layout> = { title: '3D Surface Plot' }; Plotly.newPlot('myDiv', data, layout);

Other packages similar to @types/plotly.js

chart.js

Chart.js is a simple yet flexible JavaScript charting library for designers & developers. It offers a variety of chart types and is known for its ease of use and integration. Compared to Plotly.js, Chart.js is more lightweight but may lack some of the advanced features and customizability of Plotly.

highcharts

Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts is known for its rich feature set and extensive documentation. It is comparable to Plotly.js in terms of functionality but is often used in commercial applications due to its licensing model.

d3

D3.js is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It uses SVG, HTML, and CSS. D3 is highly flexible and powerful, allowing for complex and custom visualizations, but it has a steeper learning curve compared to Plotly.js.

README

Installation

npm install --save @types/plotly.js

Summary

This package contains type definitions for plotly.js (https://plot.ly/javascript/).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/plotly.js.

Additional Details

• Last updated: Mon, 16 Sep 2024 13:38:25 GMT
• Dependencies: none

Credits

These definitions were written by Chris Gervang, Martin Duparc, Frederik Aalund, taoqf, Dadstart, Jared Szechy, Sooraj Pudiyadath, Jon Freedman, Megan Riel-Mehan, Josh Miles, Pramod Mathai , Michael Arnett, Piotr Błażejewicz, Brandon Mitchell, Jessica Blizzard, Oleg Shilov, Pablo Gracia, Jeffrey van Gogh, John Abdou, and Martin Borst.