# Bar Chart ## Widget Type Overview ## Description Embed dynamic bar charts in Notion to visualize comparisons, totals, or trends across categories. Configure axes, labels, and display settings easily. ## Content # Bar Chart Widget for Notion The **Bar Chart Widget** is one of the most effective tools for visualizing Notion data. It lets you compare values across categories using vertical or horizontal bars β€” perfect for tracking status, progress, habits, sales, or content pipelines. Blocky makes it easy to connect your Notion database and render a fully customizable bar chart inside your dashboard with no code required. --- ## βœ… Use Cases - **πŸ“¦ Project Management:** See how many tasks are in each status column. - **🎯 Goal Progress:** Compare completion across different goals or objectives. - **πŸ“Š Habit Tracking:** Visualize how many times each habit has been completed this week. - **πŸ“ Content Calendar:** View article or video counts by stage (Idea β†’ Draft β†’ Published). - **πŸ’Ό Team Workload:** Compare assignments by team member, priority, or tag. --- ## 🎨 Bar Chart Variants Blocky offers multiple visual styles under the bar chart type, so you can pick the format that best fits your layout and data needs: ### 1. **Vertical Bars** (default) Classic bar graph for side-by-side category comparison. ### 2. **Horizontal Bars** Ideal for longer labels or comparing many categories clearly. ### 3. **Stacked Bars** Show total and part-to-whole relationships β€” perfect for layered data views. ### 4. **Grouped Bars** Compare multiple values per category (e.g., completed vs. in progress). Each variant includes customization for: - Bar color(s) - Axis labels - Grid lines and background - Legend placement - Data label visibility --- ## βš™οΈ Customization Options Blocky lets you personalize your chart’s look and behavior: - Select Notion database + value & category fields - Sort bars by value or name - Toggle grid, labels, and legends - Choose bar spacing, border radius, and font sizes - Style background and text color to match your Notion theme --- ## πŸ”„ Live Updates Your chart stays in sync with your Notion database. When data changes in Notion, your chart updates automatically. It's perfect for real-time tracking of progress or status. --- ## 🧩 How to Add to Notion 1. Go to Blocky and choose the **Bar Chart** widget. 2. Connect your Notion database. 3. Select your data fields (label + value). 4. Choose your variant and style options. 5. Copy your embed URL. 6. Paste it into Notion using `/embed`. Done! Your data is now visual and actionable. --- --- This content is from the Blocky Type display, a platform for creating custom Notion widgets including charts, timers, study tools, and productivity enhancers.