Declarative configuration
Bind data, layouts, frames, and Plotly configuration directly from your component.
Angular 22 · Plotly.js 2
Build responsive, production-ready Plotly.js visualizations with declarative Angular inputs, outputs, and lifecycle handling.
npm install angular-plotly.js plotly.js-dist
Weekly activity
104Built for Angular applications
Keep the graphing power you know while expressing updates and interactions through Angular templates.
Bind data, layouts, frames, and Plotly configuration directly from your component.
React to clicks, selections, hovers, relayouts, and the complete Plotly event lifecycle.
Resize with the browser and let the component initialize, update, and purge each plot.
Explore by behavior
Each example pairs a live visualization with the Angular code and integration behavior behind it.