Coder Social home page Coder Social logo

pavelkuligin / chart Goto Github PK

View Code? Open in Web Editor NEW
1.2K 29.0 64.0 28.05 MB

Create the most popular types of charts by real or random data

License: MIT License

sketch-plugin sketchapp data-visualization chart sketchpacks sketch-runner-compatible

chart's People

Contributors

pavelkuligin avatar westinschepper avatar willdavis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

chart's Issues

Figma

Hey @pavelkuligin

Do you have any plans to support Figma when figma's API for plugins will be available ?

Unfortunately, Bohemian team moves very slow with their sketch and I really think to jump to Figma very soon.

Thanks,
Ivan

Cannot install plugin on Sketch Version 57.1 (83088)

Tried to install your plugin via Runner and it does not work. Tried via GitHub and it does not work either. I am attaching a screenshot of the unzipped files I get after unzipping the zip. Can you fix it? Thanks for your help.

Screenshot 2019-08-16 at 14 56 18

Build pie/donut chart based on order of data string

Currently, as far as I can tell, the donut and pie chart is built based on lowest numbers entered to highest numbers, rather than the order of the string you copy... It would be really nice to have charts built based on the order, so you can have more control in instances where slices of your chart represent linear differences (e.g., a pie chart representing the number of accounts a group may have, where you'd want the order of the chart to represent the increase of accounts around the circle)

Using google sheets

Hey! Love you work! I can't seem to figure out how to import data from a google sheet. I can't seem to find the section to place the google sheets URL. Do you have instructions for this?

"TypeError: undefined is not an object" on csv and table import

I'm getting a TypeError: undefined is not an object (evaluating 'Object.keys(a[0])') after pasting my 3 column table from Numbers in the following function:

function transpose(a) {
	return Object.keys(a[0]).map(function(c) {
		return a.map(function(r) { return r[c]; });
	});
}

I am also unable to load the .csv file directly, the plugin hands at the pink spinner then.
Any suggestions what might be wrong? The csv is generated via https://www.npmjs.com/package/csv-writer

Sketch version: 62
chart version: 5.4.4

Categories Limited to 5?

I have been trying to generate pie and vertical bar charts with more than 5 categories, and it's maxing out at 5 categories. It this by design?

Charts 3.6
Sketch 51.2

Insert Pie Chart and Donut Chart causes Sketch crash

Hi,

I can add line chart smoothly, but when I try to add a pie chart or a donut chart, there is no chart generated and Sketch will definitely crash.

Sketch version 50.2
Chart plugin version 3.3.0
macOS version 10.13.5

Thank you

Scatter Plot not working on 51.1

It seems there is a problem in the scatter plot code, see Console log extract below.

TypeError: undefined is not an object (evaluating 'dataObj.table[i * categories + 2][j]')
line: 1224
sourceURL: /Users/.../Library/Application Support/com.bohemiancoding.sketch3/Plugins/Chart.sketchplugin/Contents/Sketch/scatterplot.js
column: 65

Error while trying to use external json

I'm getting these errors when trying to use one of the supplied (or any) external json.

I'm using "Inspect Element" on the Graph spinner window to see the console errors.

Screen Shot 2019-06-10 at 2 25 06 PM

Can't generate charts on Sketch 49.2

Seems like the plugin is broken on Sketch 49.2

To reproduce:

  1. Try to create a chart from the plugin dropdown
  2. Modal does not appear on any of the chart options
  3. Some charts will generate a graph with no line

Running macOS 10.13.3 and Sketch 49.2

Can't update to version 2.6

Sketch is showing me that version 2.6 is available for updating, but if I click the Update button in the preferences, nothing happens.

I checked Sketch Runner, but it's actually showing that 2.5 is the latest version with no update available.

I tried downloading the zip and manually installing the plugin, but then I got a warning asking if I wanted to replace version 2.5 with 2.5, which doesn't make since the new version is 2.6.

No params dialog and "must contain 2 or more points"

Plugin was working fine, and then ceased working. Select shape, choose chart type. No dialog for number of cats or items shows up and an error message appears stating the "chart must contain 2 or more points."

Have tried uninstalling and reinstalling, as well as multiple documents.

Ideas?

Better grouping of dots and lines for line chart

I'm using a line chart and am finding that the way the layers are generated is very disorganized. Is there a way to group the related line and dots together? It would also be great if the layers were renamed more logically as well. Thanks!

Line chart not working with negative valies

I noticed that the line chart wasn't working with negative values, it renders a flat line (I didn't try any other type of chart)

I used a work-around that might help you to solve the issue, I used the absolute numbers and then flip the line vertically to get it right.

Bubble Charts missing?

image

How can I make a bubble chart? I can't see the option to make a Bubble chart anymore. How can I make it so that the dots generated vary in diameter?

Suddenly stopped working

I managed to generate couple of charts, then the plugin stopped to function, i put the same number of categories and items and i click, nothing happens

red variable is blue

The red variable in parameters.js is currently set to 48,176,246 which is a cyan-blue color, not red.

Not showing in plugin menu

After installing the plugin, it doesn't show in the plugin menu or the preferences window for me. I'm running Sketch 48.1.

Parse clipboard data by stripping non-numerical characters

Hi, thanks for this plugin, very handy!

I ran into this issue: copying formatted data from Google Sheets sometimes doesn't behave well. E.g.:

Numbers with commas result in a weird looking chart:

2,692 2,789 3,001 3,149 3,489

screen shot 2018-04-06 at 11 00 49 am

Numbers with dollar signs trigger the Data for Chart dialog:

$2,691.76 $2,789.46 $3,000.54 $3,148.82 $3,489.00

Numbers with % signs are parsed correctly.

Is it possible to parse these cases so they behave the same?

Chart panel not working in Sketch 51.1

When I open the chart panel I just get a blank window, as seen below.
screenshot 2018-07-19 14 03 12

Also get this error in the console.

ReferenceError: Can't find variable: dynamicFunction
line: 145
sourceURL: /Users/username/Library/Application Support/com.bohemiancoding.sketch3/Plugins/chart-master/Chart.sketchplugin/Contents/Sketch/panel.js
column: 24

Improve documentation and verbiage around usage

I've seen quite a few posts about this plugin around the web that had the same issue I experienced: you have to copy data to the clipboard in order to successfully generate a chart.

I'll be submitting a PR with some updates to usage; hopefully this will aid others who encountered the same issue of seeing "Generate Random Data" due to simply highlighting data in their canvas rather than copying it to the clipboard.

[Feature Request] Vertical/Horizontal Axis & Grid Lines

It's easy enough to add in, but just thought I'd throw up a request to add horizontal/vertical axis and grid lines for line, area, stacked area, stream, scatter, vert/horiz bar, and scatter graphs.

Loving the plugin, keep up the good work!

Doesn't work

It doesn't work for me -- doesn't generate any charts at all.
Sketch 50.2
Chart 3.3.0

Coma vs. Point Values

In Germany we would write Currency like this:

30,05 โ‚ฌ

in English you would write:

30.05 $

I got charts now like this:
image

Can't generate some charts in sketch 52.5 chart 4.6.0

I purchased chart plugin and I follow the instructions on the repo to for example to generate a pie chart:
Pie Chart, Donut Chart โ€” categories: 1, items: 5 (categories count should be equal to canvases count);
I select one canvas(circle) and enter 1 and 5 and I only get 1 piece of the pie chart?
I can produce a bar chart but all the bars are the same color and same for most of the others.

Now that you are charging for the plugin you may consider improving your instructions. Thank you.

Not working :(

Hi there,
I saw this amazing plugin and wanted to try it right away. Unfortunately is not working for me :(
I'm using sketch 48.2 on a latest Mac Os environment, I've also tried uninstalling all other plugin except chart (it doesn't produce any errors its just that after I select the rectangle and use the plugin - tried with all charts - the rectangle stays selected but nothing else.
Regards

Adding custom colors causes plugin to not work

After I do Set Params and paste in the colors below and try to get a chart going, I only get a red line. There is no dialogbox asking me about data.

[181,1,23],[0,145,223],[104,8,102],[242,114,0],[31,37,50],[58,67,88],[255,255,255],[155,155,155],[242,242,242],[0,163,174],[253,211,0]

As I can see, the arrays are correct, right?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.