chart.xkcd icon indicating copy to clipboard operation
chart.xkcd copied to clipboard

IDEAS - possible tools to make chart.xkcd better

Open timqian opened this issue 4 years ago • 5 comments

Feel free to bring up suggestions for tools to makes chart.xkcd better

Here are some initial ideas

  • [ ] a website to convert csv data to chart and support
    • [ ] download svg
    • [ ] embed chart to other website with ease
  • [ ] cmd tool to convert csv to chart (open up the website above with data sent to the site?)

timqian avatar Aug 22 '19 06:08 timqian

  • [ ] xkcd styled css framework like https://github.com/wiredjs/wired-elements ?

timqian avatar Aug 26 '19 03:08 timqian

a website to convert csv data to chart and support download svg

Those could be solved by Observalbe.

[edit]: I'v already made a minimal prototype for bar chart

cmd tool to convert csv to chart (open up the website above with data sent to the site?)

I think, it would be better to use Node with JSDOM or Puppeteer to generate .svg and .png files locally

denisinvader avatar Sep 06 '19 12:09 denisinvader

Dynamic charts?

  • https://www.reddit.com/r/programming/comments/d2qrx6/this_video_shows_the_most_popular_programming/

Kapture 2019-09-16 at 16 10 52

  • https://www.reddit.com/r/dataisbeautiful/comments/d55coe/my_typing_speed_over_3_years_oc/

timqian avatar Sep 16 '19 08:09 timqian

@timqian I think dynamic charts should be implemented by the update method in every chart and user could write something like this:

const theChart = new chartXkcd.Bar(svg, {
  // chart options and datasets
});

onDataUpdate((newDatasets) => theChart.update({ datasets: newDatasets }));

denisinvader avatar Sep 18 '19 09:09 denisinvader