https://github.com/rdlauer/simple_chart_app

https://github.com/rdlauer/simple_chart_app

Last synced: 12 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/rdlauer/simple_chart_app
• Owner: rdlauer
• License: mit
• Created: 2020-10-05T15:59:46.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2020-10-05T17:40:40.000Z (over 5 years ago)
• Last Synced: 2025-03-16T14:23:44.708Z (about 1 year ago)
• Language: JavaScript
• Size: 393 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Simple chart block

This example blocks shows a bar chart of data from a table.

The code shows:

-   How to use the Chart.js external library.

-   How to store block-related data using `globalConfig` and `Synced` UI components.

## How to run this block

1. Create a new base using the

   [Sales CRM template](https://airtable.com/templates/sales-and-customers/expvjTzYAZareV1pt/sales-crm).

2. Create a new block in your new base (see

   [Create a new block](https://airtable.com/developers/blocks/guides/hello-world-tutorial#create-a-new-block)),

   selecting "Simple chart" as your template.

3. From the root of your new block, run `block run`.

## See the block running

![Block updating chart as the user changes data](media/block.gif)