Highcharts is one the best and most used javascript charting libraries. The library provides a nice API with thousands of settings (options) at many different levels of the chart building. With the presence of that amount of flexibility, the needed javascript code is frequently too complex and painful to write and maintain from Seaside. In addition, when your chart is represented as a plain string, it is hard to use the tools we are used to: search for implementors, senders, reusability of components, etc etc. Furthermore, we also need to check their website all the time to see what each setting does. In this presentation, you will see a Smalltalk wrapper that solves the above issues. This wrapper, which is automatically generated from their API, provide us a much richer way of developing and maintaining charts. Aside from some real-case uses of the tool, this presentation also includes some interesting extensions worth showing.

1. Highcharts wrapper for
Seaside
PhD. Ing. Mariano Martinez Peck
marianopeck@gmail.com
http://marianopeck.wordpress.com

2. Mariano Martinez Peck
Academics
Software Engineer at UTN-FRBA, Argentina.
PhD in Computer Science at the Université de Lille.
Open-Source
Fuel, DBXSuite (OpenDBX and Glorp), OSSubprocess, HighchartsSt, many
others.
Industry
Previously, many years at different companies developing in different
languages.
Currently, Independent Software Consultant

3. Highmaps
Highcharts Highstock

6. allow us …
Reusable Components

7. We do not want to come back to “String Oriented
Programming”, do we?

8. allow us …
A powerful IDE

9. We do not want to come back to use text editors for
developing, do we?

10. HighchartsSt
https://github.com/ba-st/HighchartsSt

11. Basic Usage Demo

12. Code Generation
99% automatic code generation process.
Supports Highcharts and Highstock (Highmaps not
tested).
Self-documented generated code.
Auto-generated tests.

13. Quuve is the world’s first fully extensible and customizable web-based
investment management ecosystem for professional investors and financial
software developers. Quuve empowers individual and institutional investors to
tailor research and portfolio management tools around their unique needs.
Quuve also provides developers a rich framework upon which they can build
financial apps.

14. Chart Examples

15. Advanced custom features

16. Looks like paradise….

17. Future work
Be able to auto-generate Smalltalk code from JS.
Support Highcharts modules.
CI to quickly find API website changes.
Generate code and test Highmaps.

18. Thanks!
PhD. Ing. Mariano Martinez Peck
Independent Software Consultant
marianopeck@gmail.com
http://marianopeck.wordpress.com
Questions?