ProtoChart: Prototype + Canvas = Pretty Charts

July 28th, 2008  |  Published in Javascript, Projects, ProtoChart, Prototype  |  19 Comments

Update: Code and more information can be found here.

We finally have a bit stable version of our new charting library. ProtoChart aims to provide a nice library to draw:

  • Line Chart
  • Bar Chart
  • Pie Chart
  • Curve Chart
  • Mix Chart
  • Area Chart

General set of features:

  • Multiple data series on same graph
  • Legend support
  • Customizable grid, grid border, background
  • Customizable axis-tick values (both x and y)

We are excited to release the code as open source. The motivation is very much drawn from other great charting libraries such as PlotKit, Flot and Flotr. These are some excellent libraries with a lot of neat features. We hope to grow ProtoChart to the same level as them.

For now you can check out our quick demo which should let you play with generic features.

So what’s next?  We will continue to improve on this library as we go and we welcome your reviews, views and opinions. We will shortly release the source code and documentation soon.

Responses

Feed Trackback Address
  1. Ajaxian » ProtoChart: Using Canvas to give you good looking charts says:

    July 29th, 2008 at 3:01 am (#)

    […] ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. […]

  2. ozi says:

    July 29th, 2008 at 3:28 am (#)

    look at your code :)))
    packer is not good vay to securing your code.

    [admin: we will post the code as opensource with documentation by tomorrow. We used packer to reduce the final file size and not to hide our code]

  3. ajaxigg.flash-free.org says:

    July 29th, 2008 at 4:11 am (#)

    ProtoChart: Librería para hacer gráficas AJAX con Prototype y Canvas…

    Magnífica librería ajax basada en prototype para hacer gráficas sin necesidad de flash. Permite multiples series en una misma gráfica, leyendas, apariencia personalizable y varios tipos de gráficas como barras, area, pastel, puntos, etc….

  4. Onno says:

    July 29th, 2008 at 5:26 am (#)

    Hi,

    Good idea, but I tried your demo page with a IE6 browser and it resulted in an error on page. No display of charts on the demo page.

    Looking forward to a working version.

    Cheers,
    Onno

  5. Obaid says:

    July 29th, 2008 at 5:37 am (#)

    Onno,

    We will support IE6+ in final release. We are just working on cleaning the code and documentation so check out the final code by tomorrow :)

    Thanks

  6. Glen says:

    July 29th, 2008 at 5:58 am (#)

    Interesting.

    I took a look at the demo page, and liked what I saw. Will there be any ability similar to YUIs Charts interface, to pull data from a table, and graph that?

  7. Obaid says:

    July 29th, 2008 at 7:10 am (#)

    Glen, we will add support for that later on.

  8. ProtoChart - mais gráficos, agora com Prototype e Canvas. says:

    July 29th, 2008 at 7:31 am (#)

    […] web, mais é sempre interessante ver um projeto dessa natureza crescendo, ainda mais opensource.O Protochart é um projeto que utiliza a biblioteca Prototype para gerar gráficos nos […]

  9. Paul says:

    July 29th, 2008 at 10:44 am (#)

    This is open source? Why is the code obfstructed?

  10. Jason says:

    July 29th, 2008 at 3:51 pm (#)

    Can’t find the download link. Did you pull the project?

  11. dov says:

    July 29th, 2008 at 4:18 pm (#)

    what’s the ETA on the IE supported release?

  12. Obaid says:

    July 29th, 2008 at 6:27 pm (#)

    Jason: We have not released the code yet. We will release the code with documentation soon (in a day or so)

    Dov: IE support is there we just need to clean things a bit..

  13. Jon Davis says:

    July 29th, 2008 at 7:35 pm (#)

    Works on iPhone!!! (Comment posted w/ iPhone.)

  14. tfe says:

    July 30th, 2008 at 12:17 am (#)

    When Canvas will be implemented on IE? :(

  15. Obaid says:

    July 30th, 2008 at 9:45 am (#)

    Protochart now supports IE as well and we have also release our code with documentation and examples. You can read more about it at http://blog.deensoft.com/2008/07/30/protochart-download-examples-docs-now-available/

  16. ProtoChart - Diagramme zeichnen mit Prototype und Canvas | Ajaxschmiede.de says:

    July 31st, 2008 at 4:40 am (#)

    […] wenigen Tagen veröffentliche das Team um Obaid Ahmed eine stabile Version im Firmenblog und bietet gleichzeitig eine Vielzahl von Demos samt Einbauanleitung (englisch) […]

  17. bluedee says:

    July 31st, 2008 at 10:45 pm (#)

    wow…protochart will be my favourite opensource graph library. It is great and has nice looking.

  18. outaTiME at refinn dot com » Blog Archive » ProtoChart: Prototype + Canvas = Pretty Charts says:

    August 11th, 2008 at 8:14 am (#)

    […] Deensoft.) Posted by outaTiME Filed in Canvas, Extensions, Javascript, […]

  19. createmo says:

    November 2nd, 2008 at 4:15 am (#)

    Thank you for your site :)
    I made with photoshop backgrounds for youtube, myspace and whatever
    my backgrounds:http://tinyurl.com/5fmh8q
    take care and thank you again!

Leave a Response