Notion Chart Maker for Shareable Dashboards

Build interactive charts and dashboards from your Notion databases, CSV files, and Excel sheets.

Connect Notion databases, customize chart styles, and publish share links in minutes.

Export, embed, and share your visualizations with ease.

50+

Chart types supported including bar, line, pie, and more.

100%

Free and open source. No hidden costs or limitations.

Dynamic

Charts can be dynamically updated to sync with Notion databases.

Easy

Simple setup. Connect your Notion workspace in minutes.

Online Chart Maker with 13+ Chart Types

Switch between bar, line, pie, scatter, area, combo, and more without rebuilding your data model

Features for Data Teams, Operators, and Notion Power Users

Everything you need to turn Notion tables, CSV files, and Excel sheets into interactive charts you can publish, export, and embed

Notion Integration

Connect Notion databases and keep charts synced without manual copy-paste or spreadsheet cleanup.

Multiple Chart Types

Build bar charts, line charts, pie charts, scatter plots, heatmaps, and more from the same underlying dataset.

Dynamic Updates

Refresh visualizations when source data changes so dashboards stay current for internal reviews and external sharing.

Interactive Chart Sharing

Publish shareable links with interactive tooltips and exploration behavior so teams and clients can inspect the story behind the numbers.

Export for Reports and Decks

Export charts as PNG, SVG, or PDF for reports, presentations, async updates, and stakeholder decks.

Custom Themes and Styling

Adjust colors, typography, and chart styling to match your brand, product UI, or reporting system.

Ready to create beautiful charts from your Notion data?

Use Cases Built Around How Teams Actually Share Data

Chartly works well for startup dashboards, client reporting, internal analytics reviews, and lightweight embedded charts powered by Notion, CSV, or Excel.

Build charts from Notion databases

Turn operational tables, content calendars, CRM views, and project trackers in Notion into clean charts without exporting data into a separate BI tool.

Create shareable client dashboards

Publish secure links for clients, teammates, or stakeholders and keep a history of shared chart versions when reporting changes over time.

Export charts for reports and presentations

Generate visuals you can drop into board decks, investor updates, weekly reports, and campaign recaps without rebuilding each chart manually.

Work with CSV and Excel data too

Start from spreadsheets when Notion is not the source of truth, then style and publish charts through the same workflow used for connected databases.

Stream chart previews through a live scanner

Scanning
LineRevenue Trend
//Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec);
PieChannel Mix
//Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec);
BarRegion Sales
//Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec);
AreaPipeline
//Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec);
ScatterEngagement
//Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec);
LineRevenue Trend
//Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec);
PieChannel Mix
//Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec);
BarRegion Sales
//Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec);
AreaPipeline
//Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec);
ScatterEngagement
//Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec);
LineRevenue Trend
//Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec);
PieChannel Mix
//Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec);
BarRegion Sales
//Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec);
AreaPipeline
//Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec); //Pipeline const chartSpec={"type":"area","data":[{"id":"data","values":[{"week":"W1","count":12},{"week":"W2","count":18},{"week":"W3","count":16},{"week":"W4","count":27},{"week":"W5","count":24}]}],"xField":"week","yField":"count","point":{"visible":true},"area":{"style":{"fillOpacity":0.3}},"padding":24}; render(chartSpec);
ScatterEngagement
//Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec); //Engagement const chartSpec={"type":"scatter","data":[{"id":"data","values":[{"x":12,"y":28,"size":8},{"x":22,"y":18,"size":10},{"x":31,"y":42,"size":12},{"x":38,"y":36,"size":9},{"x":46,"y":48,"size":14}]}],"xField":"x","yField":"y","sizeField":"size","axes":[{"orient":"left","type":"linear"},{"orient":"bottom","type":"linear"}],"padding":24}; render(chartSpec);
LineRevenue Trend
//Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec); //Revenue Trend const chartSpec={"type":"line","data":[{"id":"data","values":[{"month":"Jan","value":42},{"month":"Feb","value":48},{"month":"Mar","value":51},{"month":"Apr","value":64},{"month":"May","value":58},{"month":"Jun","value":72}]}],"xField":"month","yField":"value","point":{"visible":true},"padding":24}; render(chartSpec);
PieChannel Mix
//Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec); //Channel Mix const chartSpec={"type":"pie","data":[{"id":"data","values":[{"category":"Direct","value":34},{"category":"Social","value":24},{"category":"Search","value":18},{"category":"Email","value":24}]}],"categoryField":"category","valueField":"value","legends":{"visible":false},"label":{"visible":false},"outerRadius":0.72,"padding":24}; render(chartSpec);
BarRegion Sales
//Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec); //Region Sales const chartSpec={"type":"bar","data":[{"id":"data","values":[{"region":"APAC","sales":78},{"region":"EMEA","sales":63},{"region":"NA","sales":94},{"region":"LATAM","sales":46}]}],"xField":"region","yField":"sales","bar":{"style":{"cornerRadius":6}},"padding":24}; render(chartSpec);

Simple, Transparent Pricing

Start free, and upgrade anytime for more sharing.

Free

For personal experiments and lightweight sharing

$0/forever
  • Up to 4 shared charts
  • Unlimited chart editing
  • Connect to Notion, CSV, and Excel data
  • Basic export and sharing tools
  • Community support
Best for sharing

Plus

For teams and creators who publish regularly

$4/month
  • Unlimited shared charts
  • Password-protected links
  • Share history and version records
  • Unlimited chart editing
  • Priority support

Free includes up to 4 shared charts. Plus unlocks unlimited sharing for $4/month. Start using ChartLy now →

Frequently Asked Questions

The core workflows people search for before trying a chart maker.

Can I create charts from Notion databases?

Yes. Chartly is built to turn Notion databases into charts and dashboards without forcing you into a heavy BI workflow.

Does Chartly support CSV and Excel files?

Yes. You can start from CSV and Excel data in addition to Notion, then use the same chart editing, sharing, and export flow.

Can I share charts with a public or protected link?

Yes. Chartly supports shareable links and higher-tier sharing controls for teams or client-facing reporting workflows.

Can I export charts for presentations and reports?

Yes. Export charts as PNG, SVG, or PDF so they are easy to reuse in decks, docs, and recurring reports.