Visualisation Update

As you’ll know we’re continually upgrading Sabisu, adding new capabilities and making it ever more powerful and easy to use. The visualisation technology in the platform has been carefully selected & evolved over the last 5 years.

Whilst legacy approaches (e.g., static server-generated charts) remain supported in the platform most visualisations are using HTML5, CSS3, D3 and Sabisu libraries developed using these technologies.

The three main approaches are to use libraries from Google, our own Sabisu libraries or D3.

Google

Google Charts Examples

Google’s charting and web toolkit remain key for many implementations as they’re quick and easy. They’re perfectly suited to simple applications requiring limited interactivity.

About 50% of Sabisu components use Google Charts (a number that’s reducing as we cut over to Sabisu libraries).

Where interactivity is essential or more advanced features are required, Sabisu has it’s own charting libraries which use HTML5, JS & CSS.

Pros Cons
Good for simple charts Data volumes
Ready to use Performance
Flexibility & development

Sabisu Libraries

Sabisu Chart Examples2

 

Sabisu has it’s own charting libraries which use HTML5, JS & CSS3.

These were developed to add interactivity and deliver increased performance, particularly with large datasets. They integrate better with the various analytics capabilities within the platform and they’re as easy to use as Google Charts.

About 20% of Sabisu components use Sabisu charts (a number that’s increasing due to the performance & interactivity advantages).

Pros Cons
Flexibility None
Performance
Interactivity
Multi-platform
Custom visualisations

sankey

 

D3

Alarm Management - Cluster FDG (1)

Where very complex intereactive visualisations are requried, Sabisu uses the D3 library,  a JavaScript library for manipulating documents based on data. D3 uses web standard technologies; HTML, SVG and CSS.

D3 is an excellent choice where heavy customisation is needed. It’s powerful and flexible, but therefore requires developer and/or mathematical skillsets. There is a slight overhead in terms of client performance as the D3 libraries are larger than the Sabisu visualisation libraries.

Therefore around 10% of Sabisu components use D3 charts – usually for specific visualisations of complex analytics.

Pros Cons
Flexibility None
Performance
Interactivity
Multi-platform
Complex visualisations
Custom visualisations

Contact us

We’re always interested in hearing from you with any comments or suggestions, feel free to get in touch.

 

Start typing and press Enter to search