View allAll Photos Tagged javascripts
ZoomCharts at DevClub.lv: Developing a Javascript SDK
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 technologies
- Multiple resolutions
- Performance that varies by browser and device
Development setup:
- We write in JavaScript
- Commit to GitHub
- Build system in JavaScript
- Debug in Chrome
- Run automated tests
- Like WebStorm (and Vim)
Graphics:
Canvas (fast)
SVG (slow)
WebGL (>50%)
Interactive animations:
Zoom in and out of the graph, drag and drop data, all with your mouse or trackpad.
Graceful degradation:
High FPS (frames per second) lets you scale graphics with low image degradation.
Third party libraries:
- Raphael
- Hammer.js
- Leaflet
- Moment.js
Challenges:
- Responsive design: layouts can shift and look nice on desktop screens vs. not so nice on vertical, mobile screens
- Big screen resolutions: uses devicePixelRatio for sharp rendering, but no hardware acceleration beyond 2048x2048
- Safari compatibility: with 100% CPU, input events are blocked and browser locks up; strange code offers fixes
- HTML on canvas: DOM is slow; basic HTML markup must be parsed and rendered manually; text caching helps
Support:
- Process: TrialSupportBuy
- 1 day issue resolution
- #1 Tell me what I did wrong
- #2 Can you do…
Testing:
- Automated tests on every GIT push
Automatically:
- Compare images
- Record performance
- View errors in console
Interactive testing:
- Next step: record and playback
BrowserStack:
- Interactive mode
- Automated: Selenium API
Debugging:
Chrome Developer tools (F12)
- Debugging
- Profiling
- Timeline
Remote debugging available: developer.chrome.com/devtools/docs/remote-debugging
Future:
- More charts
- Extension API
- Memory allocation tracking
- WebGL
We are looking for statically-typed language:
- Error checking
- Performance
- Superior minification
- Easy to write and read
- Easy to call from JS
Building
Custom build script:
- Compile
- Minify
- Extract documentation
- Embed customer data
Check out ZoomCharts products:
Network Chart
Big network exploration
Explore linked data sets. Highlight relevant data with dynamic filters and visual styles. Incremental data loading. Exploration with focus nodes.
Time Chart
Time navigation and exploration tool
Browse activity logs, select time ranges. Multiple data series and value axes. Switch between time units.
Pie Chart
Amazingly intuitive hierarchical data exploration
Get quick overview of your data and drill down when necessary. All in a single easy to use chart.
Facet Chart
Scrollable bar chart with drill-down
Compare values side by side and provide easy access to the long tail.
ZoomCharts
The world’s most interactive data visualization software
#zoomcharts #interactive #data #interactivedata #datavisualization #interactivedatavisualization #chart #graph #charts #graphs #Javascript #JavascriptSDK #DevClubIV #Latvia #PowerPoint #PowerPointpresentation #fast #bigdata
Impressions from the first nz.js(con); conference.javascript.org.nz/ organized by the JavaScript Society of New Zealand. javascript.org.nz/
Impressions from the first nz.js(con); conference.javascript.org.nz/ organized by the JavaScript Society of New Zealand. javascript.org.nz/
This photo was captured at the 2018 edition of Great Indian Developer Summit (#gids18), April 24-28, Bangalore, India.
This shelf contains my books on Design, Software, Web, Multimedia and Coding.
I only had the space and money for one bookcase, so I had to be selective about what should be readily available. I doubled-up on my paperbacks and boxed up those that didn't fit into my closet.
Having finally organized my bookcase in the Houston Lantern Village apartment, we moved about two months later.
Impressions from Skills Matter's FullStack Conference 2014.
MISSED THE CONFERENCE?
All talks have been recorded as SkillsCasts (film/code/slides) and are available to watch by Skills Matter's Community here: skillsmatter.com/conferences/6361-fullstack-node-and-java...
Joining the Skills Matter community is free, and it only takes a few minutes to sign up.
FULLSTACK 2015 - LONDON, JUNE 25-26TH
We are proud to announce FullStack 2015 – the conference on Node, JavaScript and hackable electronics. This year, we will bring the world's top innovators, hackers and experts together with our amazing developer community in London to learn and share skills, gain insights and drive innovation. Join to experience three days jam-packed with talks, demos, and coding.
Join us at FullStack 2015 in London on June 25-26th!
The FullStack 2015 will kick off with two days of talks and discussions over 4 tracks each day covering JavaScript, Node, hackable electronics and other topics you may tell us you wish to see.
Each track will feature talks by some of the world's top hackers and makers who are helping evolve technologies and practices in the exciting world of web, mobile, servers, drones and robots. In addition, each track will feature a Park Bench Panel discussion and 5 lightning talks by some of the great engineering teams in our community who use FullStack technologies and practices daily and will demo their projects.
Following two days of talks, we'll continue with a Saturday featuring hands-on Tutorials, so that you can gain some hands-on experience and practical skills to implement new ideas from the talks you attended and the people you met during the first 2 days!
Like the sound of that? Find out more here: skillsmatter.com/conferences/6612-fullstack-the-conferenc...
CALL FOR THOUGHTS NOW OPEN - SHARE YOUR IDEAS!
Skills Matter's community conferences are made possible thanks to our passionate community - who constantly feed us with their ideas. Who are the experts you would like to learn and share skills with next year? What topics would you like to see covered? How can we improve on 2014's conference? Help us create a great 3 days by submitting your thoughts, ideas, dreams and requirements through our Call For Thoughts Program (www.surveymonkey.com/s/VFGCDQ9) - and we'll start working on these straight away!
Dan Webb, Peter-Paul Koch (a.k.a. PPK), Cameron Adams, Stuart Langridge, and Simon Willison debate among themselves, and with the crowd, the merits of using Javascript Libraries in your projects.
Her er det flotte resultat fra eksamens læsningen...
Mikael, Julie og Christinas kage....
Nu må vi håbe chokolade kage og jordbær glasur smager godt sammen... :)
<script type = "text/javascript">
var GOD = "kage";
document.write(GOD);
See more animation on YouTube:
www.youtube.com/channel/UCF0N-j_mh3itYwSgtyG83Ag
These drawings are done by using some java script programing language and simple mathematics. Twisting and turn one line at a time to draw geometrical shape like these.
#geometric #math #mathematics #programming #Javascript #canvas #art #mandala #drawing #structure #flower #topology #shapes #shapemorph #animation #spirals #fractals #trigonometry #sides #lines #flower #kaleidoscope #spirals #followforfollow #ff #follow #art #follow4follow #roschach
I believe this slide was part of the background section of the talk. The point was that while JavaScript is thriving, when it gets big it can be difficult and dangerous.
Two books that are a great resource to learn javaScript.
Larry Ullman's book provide some more beginner none-technical point of view with lots of examples, where Zakas book provide loads of technical details.
Which one is better I don't quite know. At the time of writing I've read about 50% in both books. If you have both, without a doubt start with Ullmans, since it's simpler.
