HTML CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Pavel Kuligin Pavel Kuligin
Pavel Kuligin and Pavel Kuligin Chart 3.6
Latest commit c581a19 Jul 18, 2018
Permalink
Failed to load latest commit information.
Chart.sketchplugin/Contents Chart 3.6 Jul 18, 2018
data Chart 3.3 Jun 6, 2018
images Chart 3.3 Jun 6, 2018
.DS_Store Chart 3.6 Jul 18, 2018
.sketchpacks.json added settings for Sketchpacks analytics Feb 11, 2018
LICENSE Chart 3.3 Jun 6, 2018
README.md Chart 3.3 Jun 6, 2018
appcast.xml Chart 3.6 Jul 18, 2018

README.md

Chart is a Sketch plugin and uses real or random data to create the most popular charts. Chart supports copy-paste from text editors like: Notes, Word, Google Docs, etc, and copy-paste tabulated data from Google Sheets. Read more on Medium

Chart demo

Chart 3.0 demo

Random data

Data from Google Sheets

Data from JSON

Steps

  1. Draw Rectangle or Oval.

  2. Copy numeric, use random data or fetch data from JSON. Supported formats:

    • 10, 12, 14, 16;
    • 27, -17, 94, -32;
    • 5.3, 7.9, 15.3, 20.1;
    • 25%, 30%, 10%, 35%;
    • row in Google Sheets.
  3. Select Rectangle or Oval.

  4. Create Chart using Plugins menu or Sketch Runner :-)

To draw a few lines on one canvas copy a few lines of data, e.g.:

13, 18, 42, 27
39, 8, 21, 40

To draw a few progress bars select a few circles or rectangles and use following format of data (each progress bar on a separate line):

30%
45%
78%

To draw Scatter plot or Bubble chart select a few lines of data: the first line is X, the second line is Y, the third line is Volume (for bubble chart).

Install

Via Sketchpacks

Install Chart with Sketchpacks

Or manually

  1. Download and unzip: chart-master.zip.
  2. Double click Chart.sketchplugin.

Parameters

Select "Set options" in the Chart menu to customize your own chart styles. Paste colors in the format [R,G,B] and separate them with commas.

Examples

Roadmap

  • Line Chart
  • Bar Chart
  • Area Chart
  • Stacked Area Chart
  • Sparkline
  • New random data generation algorithm
  • Pie Chart
  • Donut Chart
  • Progress Bar
  • Solid Gauge Chart
  • Stream Graph
  • Scatter Plot and Bubble Chart
  • Fetch data from JSON
  • Candlestick Chart (Mar 2018)

Support Chart

If Chart saves your time and you want more new features, support me via PayPal.

Contact me

If you have any questions or ideas about Chart, please, feel free to contact me: pavel.kuligin@behavox.com, www.pavelkuligin.ru or facebook