[ANN] Rickshaw.js charting library for Seaside
Locked
12
12
[ANN] Rickshaw.js charting library for Seaside
 
|
I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js
charting library (http://code.shutterstock.com/rickshaw/). As usual, you can load it with the following expression: Gofer it smalltalkhubUser: 'emaringolo' project: 'rickshaw'; package: 'ConfigurationOfRickshaw'; load. (Smalltalk at: #ConfigurationOfRickshaw) project development load: 'All' This will load all the packages, including a Seaside component installed at '/rickshaw' containing various examples. It is an initial version and my first package uploaded to SmalltalkHub, so bugs and and mistakes are expected :) Questions are welcome too. Regards, Esteban A. Maringolo _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [Pharo-users] [Seaside] [ANN] Rickshaw.js charting library for Seaside
|
|
I started walking this road of looking for the holy grail of charting
libraries, and restricted my options to alternatives that are free and open source (this leaves Highcharts out of the equation, sadly), and based on D3.js. For RRD like graphics, there are some alternatives like Cubism [1], that I think are better suited. This is certainly a first attempt to have something usable, I'll need drilldown of my graphics, so probably I'll end up using something with Crossfilter[2], most likely dc.js [3], but wrapping that is a whole different story. Maybe before I need that, there will be a Roassal.js available, based on d3.js too :) Regards! [1] http://square.github.io/cubism/ [2] http://square.github.io/crossfilter/ [3] http://dc-js.github.io/dc.js/ Esteban A. Maringolo 2014-03-19 4:32 GMT-03:00 [hidden email] <[hidden email]>: > Oooh, very cool. > > I am in need of using some data from RRDs, this looks like pretty > interesting to me. > Anyone doing just that? > > Phil > > > > > On Wed, Mar 19, 2014 at 2:26 AM, Esteban A. Maringolo <[hidden email]> > wrote: >> >> I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js >> charting library (http://code.shutterstock.com/rickshaw/). >> >> As usual, you can load it with the following expression: >> >> Gofer it >> smalltalkhubUser: 'emaringolo' project: 'rickshaw'; >> package: 'ConfigurationOfRickshaw'; >> load. >> >> (Smalltalk at: #ConfigurationOfRickshaw) project development load: 'All' >> >> This will load all the packages, including a Seaside component >> installed at '/rickshaw' containing various examples. >> >> It is an initial version and my first package uploaded to >> SmalltalkHub, so bugs and and mistakes are expected :) >> >> Questions are welcome too. >> >> Regards, >> >> Esteban A. Maringolo >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
In reply to this post by Esteban A. Maringolo
Very cool!
I really like your design constraints, looking forward for what you do about that This will be the first thing to look when they ask for charting and graphs thanks for sharing. On Mar 18, 2014, at 10:26 PM, Esteban A. Maringolo <[hidden email]> wrote: I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
In reply to this post by Esteban A. Maringolo
Thanks for sharing this.
I had been using Rickshaw from Javascript directly but I'm looking forward to use it from Seaside code. Btw, I am working on a binding for d3js, but it's advancing slow because I work application-driven on it. Johan > On 19 Mar 2014, at 02:26, "Esteban A. Maringolo" <[hidden email]> wrote: > > I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js > charting library (http://code.shutterstock.com/rickshaw/). > > As usual, you can load it with the following expression: > > Gofer it > smalltalkhubUser: 'emaringolo' project: 'rickshaw'; > package: 'ConfigurationOfRickshaw'; > load. > > (Smalltalk at: #ConfigurationOfRickshaw) project development load: 'All' > > This will load all the packages, including a Seaside component > installed at '/rickshaw' containing various examples. > > It is an initial version and my first package uploaded to > SmalltalkHub, so bugs and and mistakes are expected :) > > Questions are welcome too. > > Regards, > > Esteban A. Maringolo > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Johan,
I plan to do some d3.js work, particularly to use it with dc.js [1] (I'm interested in crossfilter[2] based charting until Roassal gets to the web :) ). After porting Rickshaw I read enough material amount of d3 as to make me want to build a binding/wrapper for it too. So, I'm open to help you wrapping it in Smalltalk if you want. I don't have much experience with Seaside but I'm a fast learner o.O Regards, [1] http://dc-js.github.io/dc.js/ [2] http://square.github.io/crossfilter/ Esteban A. Maringolo 2014-03-21 12:18 GMT-03:00 Johan Brichau <[hidden email]>: > Thanks for sharing this. > I had been using Rickshaw from Javascript directly but I'm looking forward to use it from Seaside code. > > Btw, I am working on a binding for d3js, but it's advancing slow because I work application-driven on it. > > Johan > >> On 19 Mar 2014, at 02:26, "Esteban A. Maringolo" <[hidden email]> wrote: >> >> I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js >> charting library (http://code.shutterstock.com/rickshaw/). >> >> As usual, you can load it with the following expression: >> >> Gofer it >> smalltalkhubUser: 'emaringolo' project: 'rickshaw'; >> package: 'ConfigurationOfRickshaw'; >> load. >> >> (Smalltalk at: #ConfigurationOfRickshaw) project development load: 'All' >> >> This will load all the packages, including a Seaside component >> installed at '/rickshaw' containing various examples. >> >> It is an initial version and my first package uploaded to >> SmalltalkHub, so bugs and and mistakes are expected :) >> >> Questions are welcome too. >> >> Regards, >> >> Esteban A. Maringolo >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Esteban,
We should definitely team up then. Let me get back to you by next week on that when I get back to the office. My current Seaside-D3JS repository on github has the initial works but in the meantime I made progress on a local repository too. I don't think we should aim for a complete wrapper like for jQuery, not only because it's a much larger API but also because most of the code for a d3 visualization is best written in plain javascript. My idea is to focus on those parts where an integration with the back-end is wanted. Anyway, let's chat next week about this. Johan On 21 Mar 2014, at 16:50, Esteban A. Maringolo <[hidden email]> wrote: > Johan, > > I plan to do some d3.js work, particularly to use it with dc.js [1] > (I'm interested in crossfilter[2] based charting until Roassal gets to > the web :) ). > After porting Rickshaw I read enough material amount of d3 as to make > me want to build a binding/wrapper for it too. > > So, I'm open to help you wrapping it in Smalltalk if you want. I don't > have much experience with Seaside but I'm a fast learner o.O > > Regards, > > [1] http://dc-js.github.io/dc.js/ > [2] http://square.github.io/crossfilter/ > > > Esteban A. Maringolo > > > 2014-03-21 12:18 GMT-03:00 Johan Brichau <[hidden email]>: >> Thanks for sharing this. >> I had been using Rickshaw from Javascript directly but I'm looking forward to use it from Seaside code. >> >> Btw, I am working on a binding for d3js, but it's advancing slow because I work application-driven on it. >> >> Johan >> >>> On 19 Mar 2014, at 02:26, "Esteban A. Maringolo" <[hidden email]> wrote: >>> >>> I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js >>> charting library (http://code.shutterstock.com/rickshaw/). >>> >>> As usual, you can load it with the following expression: >>> >>> Gofer it >>> smalltalkhubUser: 'emaringolo' project: 'rickshaw'; >>> package: 'ConfigurationOfRickshaw'; >>> load. >>> >>> (Smalltalk at: #ConfigurationOfRickshaw) project development load: 'All' >>> >>> This will load all the packages, including a Seaside component >>> installed at '/rickshaw' containing various examples. >>> >>> It is an initial version and my first package uploaded to >>> SmalltalkHub, so bugs and and mistakes are expected :) >>> >>> Questions are welcome too. >>> >>> Regards, >>> >>> Esteban A. Maringolo >>> _______________________________________________ >>> seaside mailing list >>> [hidden email] >>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
In reply to this post by Esteban A. Maringolo
Hi Esteban,
I just tried your wrapper for rickshaw and it is great. I am excited about it and I will use it for creating a dashboard for my application. Thank you for implementing this! There is one point, I did not succeed with: Putting labels/strings at the x axis instead of numbers. e.g. a bar graph with "Monday", "Tuesday" etc. in the x axis instead of 1,2,3 This post describes exactly my problem: http://stackoverflow.com/questions/13266941/display-custom-labels-on-x-axis-with-rickshaw-js-library/14652472#14652472 I extended one of your examples and tried to add the tickformat option. But this did not work. I have spent some time with other experiments to solve this but in the end I did not succeed. So, I ask you for help ;-) This ist my code which does not work, it displays the function code instead of "Mon", "Tue" etc.. renderExampleStackedBarGraph3On: html | graph theAxis| html div class: 'chart'; id: html nextId. graph := Rickshaw graph element: html lastId. graph beBar. graph addSeries: (RickshawSeries color: 'steelblue' elements: {(1 @ 40). (2@ 49). (3@ 38). (4 @ 30). (5 @ 32)}); addSeriesNamed: 'With name' color: 'lightblue' elements: {(1 @ 40). (2@ 49). (3@ 38). (4 @ 30). (5 @ 32)}. theAxis := graph xAxis. theAxis optionAt: 'pixelsPerTick' put: '400'. theAxis optionAt: 'tickFormat' put: 'function(x) {switch (x) {case 1: return ''Mon'';case 2: return ''Tue'';case 3: return ''Wed'';case 4: return ''Thu'';case 5: return ''Fri'';case 6: return ''Sat'';case 7: return ''Sun'';}}'. html script: graph asJavascript , theAxis asJavascript ################# the other example was e.g. http://code.shutterstock.com/rickshaw/examples/x_axis.html with: theTimeAxis optionAt: 'tickFormat' put: 'function(n) {var map = {0: ''zero'',1: ''first'',2: ''second'',3: ''third''};return map[n];}'. but this does not work either. regards Sabine |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Hi Sabine,
This works: xAxis optionAt: 'tickFormat' put: ('switch (x) {case 1: return ''Sun'';case 2: return ''Mon'';case 3: return ''Tue'';case 4: return ''Wed'';case 5: return ''Thu'';case 6: return ''Fri'';case 7: return ''Sat'';}' asFunction: #('x')). Hope you've already figured it out. Paul
|
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
sh*t!
I didn't see your last post Sabine. I'm sorry! :( Paul's suggestion should work fine. Regards! Esteban A. Maringolo 2014-09-18 1:34 GMT-03:00 Paul DeBruicker <[hidden email]>: > Hi Sabine, > > > > This works: > > > xAxis > optionAt: 'tickFormat' > put: > ('switch (x) {case 1: return ''Sun'';case 2: return ''Mon'';case 3: > return ''Tue'';case 4: return ''Wed'';case 5: return ''Thu'';case 6: return > ''Fri'';case 7: return ''Sat'';}' > asFunction: #('x')). > > > > > Hope you've already figured it out. > > > Paul > > > > > > > > Sabine Knöfel wrote >> Hi Esteban, >> >> I just tried your wrapper for rickshaw and it is great. I am excited about >> it and I will use it for creating a dashboard for my application. Thank >> you for implementing this! >> >> There is one point, I did not succeed with: >> Putting labels/strings at the x axis instead of numbers. >> e.g. a bar graph with "Monday", "Tuesday" etc. in the x axis instead of >> 1,2,3 >> >> This post describes exactly my problem: >> http://stackoverflow.com/questions/13266941/display-custom-labels-on-x-axis-with-rickshaw-js-library/14652472#14652472 >> >> I extended one of your examples and tried to add the tickformat option. >> But this did not work. I have spent some time with other experiments to >> solve this but in the end I did not succeed. >> >> So, I ask you for help ;-) >> >> This ist my code which does not work, it displays the function code >> instead of "Mon", "Tue" etc.. >> >> renderExampleStackedBarGraph3On: html >> | graph theAxis| >> html div >> class: 'chart'; >> id: html nextId. >> graph := Rickshaw graph element: html lastId. >> graph beBar. >> graph >> addSeries: >> (RickshawSeries >> color: 'steelblue' >> elements: >> {(1 @ 40). >> (2@ 49). >> (3@ 38). >> (4 @ 30). >> (5 @ 32)}); >> addSeriesNamed: 'With name' >> color: 'lightblue' >> elements: >> {(1 @ 40). >> (2@ 49). >> (3@ 38). >> (4 @ 30). >> (5 @ 32)}. >> theAxis := graph xAxis. >> theAxis optionAt: 'pixelsPerTick' put: '400'. >> theAxis optionAt: 'tickFormat' put: 'function(x) {switch (x) {case 1: >> return ''Mon'';case 2: return ''Tue'';case 3: return ''Wed'';case 4: >> return ''Thu'';case 5: return ''Fri'';case 6: return ''Sat'';case 7: >> return ''Sun'';}}'. >> html script: graph asJavascript , theAxis asJavascript >> ################# >> the other example was >> e.g. http://code.shutterstock.com/rickshaw/examples/x_axis.html >> with: >> theTimeAxis optionAt: 'tickFormat' put: 'function(n) {var map = {0: >> ''zero'',1: ''first'',2: ''second'',3: ''third''};return map[n];}'. >> >> but this does not work either. >> >> regards >> Sabine > > > > > > -- > View this message in context: http://forum.world.st/ANN-Rickshaw-js-charting-library-for-Seaside-tp4749681p4778714.html > Sent from the Seaside General mailing list archive at Nabble.com. > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Hi Paul and Esteban, thank you. Yes, I already figured it out and I had another point to find out for my dashboard: How to create a bar graph with labels centered(!) below(!) the bars like this: I created an example and if you want, you can add it to your examples. code below. Regards Sabine renderExampleBarGraph2On: html | graph xAxis | html div class: 'chart'; id: html nextId. graph := Rickshaw graph element: html lastId. graph beBar. graph addSeriesNamed: 'Demo' color: 'steelblue' elements: {(1 @ 49). (2 @ 38). (3 @ 30). (4 @ 32). (5 @ 22). }. graph optionAt: 'height' put: '250'. graph optionAt: 'width' put: '300'. html div class: 'xaxis'; style: 'margin-left: 25px;'; id: html nextId. xAxis := graph xAxis element: html lastId. xAxis optionAt: 'tickFormat' put: ('switch (x) {case 1: return ''Jan'';case 2: return ''Feb'';case 3: return ''Mar'';case 4: return ''Apr'';case 5: return ''May''}' asFunction: #('x')). xAxis optionAt: 'orientation' put: 'bottom'. xAxis optionAt: 'ticks' put: '5'. html script: graph , xAxis 2014-09-18 22:18 GMT+02:00 Esteban A. Maringolo [via Smalltalk] <[hidden email]>: sh*t! |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
In reply to this post by Esteban A. Maringolo
Hello Esteban. Thanks!!! Very interesting library, but it support pie charts?2014-03-18 22:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
I don't see any pie chart example in
http://code.shutterstock.com/rickshaw/examples/, so I guess it doesn't support pie charts. Regards! Esteban A. Maringolo 2014-09-30 12:14 GMT-03:00 Gastón Dall' Oglio <[hidden email]>: > Hello Esteban. > > Thanks!!! Very interesting library, but it support pie charts? > > 2014-03-18 22:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: >> >> I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js >> charting library (http://code.shutterstock.com/rickshaw/). >> >> As usual, you can load it with the following expression: >> >> Gofer it >> smalltalkhubUser: 'emaringolo' project: 'rickshaw'; >> package: 'ConfigurationOfRickshaw'; >> load. >> >> (Smalltalk at: #ConfigurationOfRickshaw) project development load: 'All' >> >> This will load all the packages, including a Seaside component >> installed at '/rickshaw' containing various examples. >> >> It is an initial version and my first package uploaded to >> SmalltalkHub, so bugs and and mistakes are expected :) >> >> Questions are welcome too. >> >> Regards, >> >> Esteban A. Maringolo >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Ok sadly, I saw the same in this page. I need develop a webapp for a customer but pie chart is a must for he. Best regard.Anyway this is a good chart library. Thanks again! 2014-09-30 12:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: I don't see any pie chart example in _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Just a rapid search in google show me that I'm not the only one to wish the pie chart: https://github.com/shutterstock/rickshaw/issues/127 2014-09-30 12:44 GMT-03:00 Gastón Dall' Oglio <[hidden email]>:
_______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Rickshaw is designed to visualize time series. So, if you want to have charts that are not about time series, it’s better to choose something else.
On 30 Sep 2014, at 18:05, Gastón Dall' Oglio <[hidden email]> wrote:
_______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
What other charting libraries are available for Seaside?
Esteban A. Maringolo 2014-09-30 13:19 GMT-03:00 Johan Brichau <[hidden email]>: > Rickshaw is designed to visualize time series. So, if you want to have > charts that are not about time series, it’s better to choose something else. > > Take a look at > http://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks > > > > On 30 Sep 2014, at 18:05, Gastón Dall' Oglio <[hidden email]> > wrote: > > Just a rapid search in google show me that I'm not the only one to wish the > pie chart: > https://github.com/shutterstock/rickshaw/issues/127 > > I added my +1 to this long list hehe > > 2014-09-30 12:44 GMT-03:00 Gastón Dall' Oglio <[hidden email]>: >> >> Ok sadly, I saw the same in this page. I need develop a webapp for a >> customer but pie chart is a must for he. >> Anyway this is a good chart library. Thanks again! >> Best regard. >> >> 2014-09-30 12:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: >> >>> I don't see any pie chart example in >>> http://code.shutterstock.com/rickshaw/examples/, so I guess it doesn't >>> support pie charts. >>> >>> Regards! >>> Esteban A. Maringolo >>> >>> >>> 2014-09-30 12:14 GMT-03:00 Gastón Dall' Oglio >>> <[hidden email]>: >>> > Hello Esteban. >>> > >>> > Thanks!!! Very interesting library, but it support pie charts? >>> > >>> > 2014-03-18 22:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: >>> >> >>> >> I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js >>> >> charting library (http://code.shutterstock.com/rickshaw/). >>> >> >>> >> As usual, you can load it with the following expression: >>> >> >>> >> Gofer it >>> >> smalltalkhubUser: 'emaringolo' project: 'rickshaw'; >>> >> package: 'ConfigurationOfRickshaw'; >>> >> load. >>> >> >>> >> (Smalltalk at: #ConfigurationOfRickshaw) project development load: >>> >> 'All' >>> >> >>> >> This will load all the packages, including a Seaside component >>> >> installed at '/rickshaw' containing various examples. >>> >> >>> >> It is an initial version and my first package uploaded to >>> >> SmalltalkHub, so bugs and and mistakes are expected :) >>> >> >>> >> Questions are welcome too. >>> >> >>> >> Regards, >>> >> >>> >> Esteban A. Maringolo >>> >> _______________________________________________ >>> >> seaside mailing list >>> >> [hidden email] >>> >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >>> > >>> > >>> > >>> > _______________________________________________ >>> > seaside mailing list >>> > [hidden email] >>> > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >>> > >>> _______________________________________________ >>> seaside mailing list >>> [hidden email] >>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >> >> > > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > > > > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside > seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
Not many.
Then again, I still implement my Rickshaw charts in plain javascript and have Seaside serve it a json. Having a wrapper can support certain use cases, but imho you can use many charting libraries by just relying on the javascript bindings that come with Seaside. I just want to say: they are all available for use with Seaside. For many use cases, you do not need a wrapper for them on the Seaside side. It does not mean I don’t appreciate that there is wrapper, on the contrary, this is nice and thanks for sharing. cheers Johan On 30 Sep 2014, at 19:06, Esteban A. Maringolo <[hidden email]> wrote: > What other charting libraries are available for Seaside? > > > Esteban A. Maringolo > > > 2014-09-30 13:19 GMT-03:00 Johan Brichau <[hidden email]>: >> Rickshaw is designed to visualize time series. So, if you want to have >> charts that are not about time series, it’s better to choose something else. >> >> Take a look at >> http://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks >> >> >> >> On 30 Sep 2014, at 18:05, Gastón Dall' Oglio <[hidden email]> >> wrote: >> >> Just a rapid search in google show me that I'm not the only one to wish the >> pie chart: >> https://github.com/shutterstock/rickshaw/issues/127 >> >> I added my +1 to this long list hehe >> >> 2014-09-30 12:44 GMT-03:00 Gastón Dall' Oglio <[hidden email]>: >>> >>> Ok sadly, I saw the same in this page. I need develop a webapp for a >>> customer but pie chart is a must for he. >>> Anyway this is a good chart library. Thanks again! >>> Best regard. >>> >>> 2014-09-30 12:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: >>> >>>> I don't see any pie chart example in >>>> http://code.shutterstock.com/rickshaw/examples/, so I guess it doesn't >>>> support pie charts. >>>> >>>> Regards! >>>> Esteban A. Maringolo >>>> >>>> >>>> 2014-09-30 12:14 GMT-03:00 Gastón Dall' Oglio >>>> <[hidden email]>: >>>>> Hello Esteban. >>>>> >>>>> Thanks!!! Very interesting library, but it support pie charts? >>>>> >>>>> 2014-03-18 22:26 GMT-03:00 Esteban A. Maringolo <[hidden email]>: >>>>>> >>>>>> I just uploaded to SmalltalkHub an initial wrapper for the Rickshaw.js >>>>>> charting library (http://code.shutterstock.com/rickshaw/). >>>>>> >>>>>> As usual, you can load it with the following expression: >>>>>> >>>>>> Gofer it >>>>>> smalltalkhubUser: 'emaringolo' project: 'rickshaw'; >>>>>> package: 'ConfigurationOfRickshaw'; >>>>>> load. >>>>>> >>>>>> (Smalltalk at: #ConfigurationOfRickshaw) project development load: >>>>>> 'All' >>>>>> >>>>>> This will load all the packages, including a Seaside component >>>>>> installed at '/rickshaw' containing various examples. >>>>>> >>>>>> It is an initial version and my first package uploaded to >>>>>> SmalltalkHub, so bugs and and mistakes are expected :) >>>>>> >>>>>> Questions are welcome too. >>>>>> >>>>>> Regards, >>>>>> >>>>>> Esteban A. Maringolo >>>>>> _______________________________________________ >>>>>> seaside mailing list >>>>>> [hidden email] >>>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >>>>> >>>>> >>>>> >>>>> _______________________________________________ >>>>> seaside mailing list >>>>> [hidden email] >>>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >>>>> >>>> _______________________________________________ >>>> seaside mailing list >>>> [hidden email] >>>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >>> >>> >> >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >> >> >> >> _______________________________________________ >> seaside mailing list >> [hidden email] >> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside >> > _______________________________________________ > seaside mailing list > [hidden email] > http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
2014-09-30 14:15 GMT-03:00 Johan Brichau <[hidden email]>:
> I just want to say: they are all available for use with Seaside. > For many use cases, you do not need a wrapper for them on the Seaside side. Sure, that's why I do for most of the JS libs I use. I first use the current JS support and if the lib proves useful I move on to build a wrapper. I did that to both Rickshaw and DataTables. I still have a DT use case where I rely on the bare JS because I still have to integrate certain features into the wrapper. > It does not mean I don’t appreciate that there is wrapper, on the contrary, this is nice and thanks for sharing. No need to clarify ;-) Best regards, Esteban A. Maringolo _______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
In reply to this post by Johan Brichau-2
Johan, thank for your clarification about Rickshaw. I review the list in wikipedia later.
2014-09-30 14:15 GMT-03:00 Johan Brichau <[hidden email]>: Not many. Sure. But IMHO the javascript binding in Seaside are incomplete and often incorrects. They are made just to give support to certain libraries to generate js (jQuery, Scriptaculous, prototype...), see my old post here http://forum.world.st/jQuery-variable-check-for-onBlur-tp4680625p4680648.html It does not mean I don’t appreciate that there is wrapper, on the contrary, this is nice and thanks for sharing. Exactly. And the wrappers are de starting point to add more complex logic/constructs in Seaside (or better said Smalltalk) side. I always prefer a wrapper over obscure js strings embeded in Smalltalk code. cheers Best Gastón
_______________________________________________ seaside mailing list [hidden email] http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside |
Re: [ANN] Rickshaw.js charting library for Seaside
|
|
In reply to this post by Esteban A. Maringolo
http://www.highcharts.com/ is pretty complete and I've replaced my use of dc-js & rickshaw with it:
http://smalltalkhub.com/#!/~Mercap/HighchartsSt But its $400+. So that may be a problem. https://code.google.com/p/flotr/ - not sure how complete but it exists: http://smalltalkhub.com/#!/~PharoExtras/Flotr |
«
Return to Seaside General
|
1 view|%1 views
| Free forum by Nabble | Edit this page |