ProtoChart: Prototype + Canvas = Pretty Charts

July 28th, 2008  |  Published in Javascript, Projects, ProtoChart, Prototype  |  30 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

  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!

  20. cyprus advertising says:

    June 28th, 2009 at 4:23 am (#)

    Finnaly I found really good library to create graphic reports. Very good documentation and support! Thats why I like open source :)

  21. Can I use google chart for a paid app? - PreCentral Forums says:

    February 5th, 2010 at 3:22 pm (#)

    […] am pretty sure ProtoChart works as well. ProtoChart: Prototype + Canvas = Pretty Charts :: Deensoft __________________ To view links or images in signatures your post count must be 10 or greater. […]

  22. 山东网站排名 says:

    February 26th, 2010 at 10:33 pm (#)

    山东网站排名(www.jinanseo.org)文章写得很不错,很有见解,支持一下,有时间指导一下小站啊。

  23. Есенин says:

    March 11th, 2010 at 6:58 pm (#)

    Я писал что-то подобное, но у Вас тема более глубого раскрыта

  24. Margie says:

    March 13th, 2010 at 7:10 am (#)

    blog.deensoft.com, how do you do it?

    http://roundedjane.blogspot.com/

  25. Trey says:

    March 13th, 2010 at 6:11 pm (#)

    blog.deensoft.com, hoiw do you do it?

    http://punstervideo.blogspot.com/

  26. Supra shoes says:

    April 22nd, 2010 at 8:26 pm (#)

    Really good sharing this.

  27. erersdf says:

    May 17th, 2010 at 9:48 am (#)

    Как обычно, афтар оригинально накропал.

  28. GifFenPlanet says:

    May 18th, 2010 at 12:31 am (#)

    В целом, афтар недурно накропал.

  29. KoSaLaP says:

    May 18th, 2010 at 10:53 am (#)

    Кажется, бессмысленная заметка

  30. ProtoChart开源项目 - Ajax代码大全 - Java开源项目 - 图表Charts - ajax图表Charts制作 - Java免费软件 - ProtoChart - 开源网 says:

    May 27th, 2010 at 5:49 pm (#)

    […] ProtoChart项目主页 | ProtoChart项目下载 | ProtoChart中文支持 […]

Leave a Response