
Data Jumbo
Notion2Charts
Notion Charts
Sync2Sheets
Chart Nerd
ChartBrick
Vizydrop
Notion Pack for Coda
UIKit
Bootstrap
Semantic UI
Foundation
Materialize CSS
Bulma
Tailwind CSS
Skeleton CSS
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
Data Jumbo
UIKitUIKit is recommended for developers who need a flexible and modular framework for building user interfaces, especially those who prefer a clean design system and extensive component library. It is suitable for beginners due to its comprehensible documentation and also for experienced developers looking to streamline their workflow with a reliable front-end framework.
The UI for editing charts and the amount of customization you can perform is way better than the service offered by competitors. The support team is super reactive as well.
Based on our record, UIKit seems to be more popular. It has been mentiond 22 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
UIkit: A lightweight and modular front-end framework. - Source: dev.to / almost 2 years ago
Franken UI is compatible with UIkit 3 and can work as a standalone CSS framework but can be integrated with Tailwind CSS for faster styling and customization. The design of Franken UI is influenced by shadcn/ui. It aims to provide a solution to developers who are not comfortable using React, Vue, or Svelte by leveraging UIkit for JavaScript and accessibility. - Source: dev.to / about 2 years ago
As an iOS engineer, you've likely encountered SwiftUI and UIkit, two popular tools for building iOS user interfaces. SwiftUI is the new cool kid on the block, providing a clean way to build iOS screens, while UIkit is the older and more traditional way to build screens for iOS. SwiftUI uses a declarative style where you describe how the UI should look, similar to Jetpack Compose in Android. UIkit, on the other... - Source: dev.to / over 2 years ago
All that's left is adding a little style. I won't claim to be a frontend engineer or a UI designer, so I just used UIKit to easily add modern-looking style to the HTML table and buttons. As mentioned throughout the article, the CSS classes and other small details are excluded since they are not directly relevant to the tutorial. See the full example on GitHub to try running it for yourself. - Source: dev.to / over 2 years ago
Can try UIKIT out if you're looking around, I've used it solely for some quick slider stuff in certain projects and use it fully in others. The docs are pretty good and they have a discord community that's fairly active. Source: about 3 years ago
Notion2Charts - Notion2Charts is an easy to use online tool to generate beautiful embeddable charts from your Notion databases.
Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Notion Charts - Generate embeddable charts, beautifully optimized for Notion
Semantic UI - A UI Component library implemented using a set of specifications designed around natural language
Sync2Sheets - Give Notion the superpowers of Google Sheets
Foundation - The most advanced responsive front-end framework in the world