ZoomCharts at DevClub.Iv: Developing a Javascript SDK

download ZoomCharts at DevClub.Iv: Developing a Javascript SDK

If you can't read please download the document

  • date post

    07-Apr-2016
  • Category

    Documents

  • view

    213
  • download

    1

Embed Size (px)

description

On January 15, 2015, ZoomCharts Co-Founder and CTO Viesturs Zariņš presented at DevClub.lv - a community of Latvian IT specialists that gather monthly and host free talks, presentations, and events to allow the local IT community to share knowledge, network, and communicate. Zariņš discussed the unique challenges faced in developing JavaScript SDK. Here is a brief overview of his PowerPoint presentation on ZoomCharts, the world’s most interactive data visualization software that will support all your data presentation needs with incredible speed. What is ZoomCharts? What defines ZoomCharts advanced data visualization software? It is NOT another HTML5 charts library. It is: - Interactive - Fast - Touch enabled - Supports big data A long time ago DOS 6.2 allowed for: - 320x240x8bpp - Direct access to pixels on screen - Assembler for performance Today, the Web has finally caught up in the graphics department. Now, we have access to: - Multiple browsers and rendering technolo

Transcript of ZoomCharts at DevClub.Iv: Developing a Javascript SDK

Have you built a page with charts?

This will be about graphics and performance.

If you have questions ask right away.

NOT another HTML5 charts libraryInteractive

Fast

Touch

Big Data

What is ZoomCharts

How many of you have worked with a charts library.

Click features.

DOS 6.2320x240x8bpp

Direct access to pixels on screen

Assembler for Performance

Web has finally caught up in the graphics departmentMultiple browsers & rendering technologies

Multiple resolutions

Performance varies by browser & device

A long time ago

(click) web caught up

GraphicsChallengesQuality assurance

Overview

How many of you have worked with a charts library.

Click features.

We write in Coffeescript

Commit to GITHub

Build system in Javascript

Debug in Chrome

Run automated tests

Like WebStorm (and Vim)

Development setup

Around 140 files of coffeescriptGitHub just worksChrome has most robust dev tools.

Canvas
(fast)

SVG
(slow)

Graphics

WebGL
( 50%.Program time goes to DOM processing and rendering.

Detailed drilldown on what consumes what.

Number of calls would be nice, but not available.

Timeline

See what your frame rate is.Marks out possible issues for you.

Avoid Dom queries that force re-flow. Like .width.

Remote debugging

https://developer.chrome.com/devtools/docs/remote-debugging

Appeared a few years ago.

Can do for both Android and IOS(click) A bit tricky to set up on Android, see link.

More charts

Extension API

Memory allocation tracking

WebGL

Future

We are looking for a statically typed language:Error checking

Performance

Superior minification

Easy to write and read

Easy to call from JS

Future

(click) Benefits(click) Requirements

Typescript? Dart? Flow?

Feedback

ALSO-ALSO-Cloud-banner-Big.jpgEvolutionGaming_2500px_wide_nobyline_big-2.jpgMicrosoft.pngSponsors of XXVI DevClub.lv

Custom build scriptCompile

Minify

Extract documentation

Embed customer data

Building

Customs script better fine tuning.