D3.js VS Data Jumbo

D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.

D3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. D3’s functional style allows code reuse through a diverse collection of official and community-developed modules.

Build advanced charts for Notion in a minute 1. Pick your chart type: bars, calendars, KPI, radar,... 2. Prepare your data: group, split, filter, sort 3. Customise that chart: from colors to axis rotation, and legend position 4. Import your chart to Notion

🌟 What you can do? - The chart you want: bars, lines, pie/donut, single KPI, radars - Unlimited number of rows while loading quickly - Multi-series: display multiple columns in the same chart - Filter rows: keep only the relevant data, ie keep only rows with the date of today or after a specified date, hide empty rows, ... - Splits: divide your data with another value like a label - Customization: not only colors but a bunch of other customization parameters like line styles, labels, value format (dollar, rounded value,...) - Dark mode compatible with Notion - Public link: for publishing on your own website: made with Notion or any other tool - Row as series: visualize a single row as a chart