https://github.com/randomfractals/vscode-chartjs

Chart.js Preview 📊 for VSCode
https://github.com/randomfractals/vscode-chartjs

chartjs preview vscode

Last synced: 10 months ago
JSON representation

Chart.js Preview 📊 for VSCode

• Host: GitHub
• URL: https://github.com/randomfractals/vscode-chartjs
• Owner: RandomFractals
• License: apache-2.0
• Created: 2019-10-14T15:35:16.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-04-16T15:43:37.000Z (almost 3 years ago)
• Last Synced: 2025-02-11T12:23:31.979Z (about 1 year ago)
• Topics: chartjs, preview, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-chartjs
• Size: 806 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# vscode-chartjs

[![Apache-2.0 License](https://img.shields.io/badge/license-Apache2-orange.svg?color=green)](http://opensource.org/licenses/Apache-2.0)



  

[![Version](https://img.shields.io/visual-studio-marketplace/v/RandomFractalsInc.vscode-chartjs.svg?color=orange&style=?style=for-the-badge&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-chartjs)

[![Installs](https://img.shields.io/visual-studio-marketplace/i/RandomFractalsInc.vscode-chartjs.svg?color=orange)](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-chartjs)

[![Downloads](https://img.shields.io/visual-studio-marketplace/d/RandomFractalsInc.vscode-chartjs.svg?color=orange)](https://marketplace.visualstudio.com/items?itemName=RandomFractalsInc.vscode-chartjs)

[Chart.js](https://github.com/chartjs/Chart.js) Preview 📊 for [VSCcode](https://code.visualstudio.com/)

![Chart.js Preview](https://github.com/RandomFractals/vscode-chartjs/blob/master/images/vscode-chartjs-preview.png?raw=true

 "Chart.js Preview")

![Chart.js Samples](https://github.com/RandomFractals/vscode-chartjs/blob/master/images/vscode-chartjs-line-styles.png?raw=true

 "Chart.js Samples")

# Features

Chart.js Preivew 📊 of [`json5`](https://json5.org/) `.chart` config files.

See [`./samples`](https://github.com/RandomFractals/vscode-chartjs/tree/master/samples)

for chart config examples.

**Note**: more [Chart.js Samples](https://www.chartjs.org/samples/latest/) will be added in the next v. update!

# Usage

1. Use `Chart: Chart Samples` command from `View -> Command Pallette...` menu

for a quick list of built-in chart config examples.

2. Run `Chart: Preview Chart` command on an open `.chart.json5` chart config document to Preview 📊

# Chart.js Preview 📊 VSCode Contributions

![Chart.js Preview Contributions](https://github.com/RandomFractals/vscode-chartjs/blob/master/images/vscode-chartjs-contributions.png?raw=true

 "Vega Viewer VSCode Contributions")

# Chart.js Preview 📊 Commands

![Chart.js Preview Commands](https://github.com/RandomFractals/vscode-chartjs/blob/master/images/vscode-chartjs-commands.png?raw=true

 "Chart.js Preivew VSCode Commands")

# Dev Log

See [#ChartJS 📊 tag on Twitter](https://twitter.com/search?q=%23chartjs%20%40code%20extension&src=typed_query) for the latest & greatest updates on this vscode extension & what's in store next.

# Dev Build

```bash

$ git clone https://github.com/RandomFractals/vscode-chartjs

$ cd vscode-chartjs

$ npm install

$ code .

```

`F5` to launch Chart.js Preview extension VSCode debug session:

# Contributions

Any & all test, code || feedback contributions are welcome.

Open an issue || create a pull request to make this Chart.js Preview 📊 vscode extension work better for all. 🤗