zoomcharts at devclub.iv: developing a javascript sdk
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 technoloTRANSCRIPT
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.