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.