LogoLogo
Back to DatabarSchedule a free demo call
  • 🚀Getting started
    • 👋What is Databar.ai?
    • ❓FAQ
  • đŸĒœUsing Databar
    • 🍊Databar basics
      • 💰How credits & actions work
      • 🐞Debug Requests
      • 🔑Authorization & API keys
    • â†˜ī¸Data sources
      • Custom APIs & Integrations
      • External data sources
        • Scheduling Requests
      • Webhooks
      • Upload a CSV
    • 🔀Enrichments
      • How enrichments work
      • Scheduling & Automating enrichments
    • 🏹Destinations
      • Access tables via API
      • Google Sheets
      • Coda.io
    • 👨‍🚀Templates
    • 📊Charts, plots and maps
    • 👨‍đŸ’ģChrome extension
  • â„šī¸Additional info
    • Getting Started
    • What are APIs?
    • Key features & product philosophy
    • Request an API
    • Navigating the catalog
Powered by GitBook
LogoLogo

Databar.ai

  • Back to site
  • Discord
On this page
  • Step 1 - Add your data
  • Step 2 - Create your first visualization
  • Step 3 - Customisations

Was this helpful?

  1. Using Databar

Charts, plots and maps

Create visualizations with your data that update automatically.

PreviousTemplatesNextChrome extension

Last updated 10 months ago

Was this helpful?

You can use charts and maps to visualize data from your Databar tables and then embed those visualizations in your Notion/Coda docs and custom websites. To use visualizations please follow the steps below.

Step 1 - Add your data

Create a table with your data source or Upload a CSV. Make sure to delete any unnecessary columns and fix column names to avoid confusion during the charting process.

Step 2 - Create your first visualization

On the top right of your table, click on Share > Create a chart or map with this data. This should navigate you to the Chart Builder page. Click on + Trace to add a visual. Click Type and select the kind of visual needed from the selection panel. Once confirmed, select the fields from your table for the respective parameters of the visual. Your visual should immediately load up once all the parameters are filled.

Step 3 - Customisations

In the Styles tab, you can make all the design changes to your visual. There are 4 sub-tabs:

  1. General: Making changes to the overall page (i.e. if multiple visuals, changes affect all) such as the background colour, adding text, changing text styling, and so on.

  2. Traces: Making changes to individual visuals, such as bar width, step size, text, and start and end values.

  3. Axes: Allows you to style individual axes such as text, range setting, tick markers, and much more.

  4. Legend: Allows you to add/remove legends and perform styling on its components.

đŸĒœ
📊
Visualisation Creation Process