View allAll Photos Tagged DataVisualization
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
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
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
this is the first of several gps visualizations im working on. as part of a mobil art show, i asked several friends to contribute work to a mobile box. the work is small and the contribution is part of an interactive performance. each participant is given a gps device with the geo location of the box and asked to set out to find it. after contributing the box is repositioned by the participant in a location they have little familiarity or frequent visitation. the contributers were asked to contribute work about their own experience with sense of place, belonging, feeling lost, finding, or any issue which addresses our sense of place in the universe. i hope the work collected will reveal a sort of glimpse or abstract of what these issues and themes mean to each of us.
Step 3: Click on a data series to expand.
zoomcharts.com/en/gallery/all:pie-chart-donut-chart-flat-...
ZoomChartsâ advanced data visualization line of software makes understanding and presenting large amounts of data simple and visually stimulating. ZoomChartsâ Donut Chart, Flat Theme, Hierarchical Structure tool makes it even easier to organize and analyze your information, allowing you to work with the results more efficiently than ever before.
Hierarchical Structure is among many interactive features being offered by ZoomCharts and being used by clients in various educational fields, including sciences and mathematics, such as anatomy, biochemistry, ecology, microbiology, nutrition, neuroscience, physiology, zoology, chemical engineering, geochemistry, molecular biology, geology, paleontology, physics, astronomy, algebra, computer science, geometry, logic, and statistics, and the arts such as, music, dance, theatre, film, animation, architecture, applied arts, photography, graphic design, interior design, and mixed media.
- Interactive data representation lets you visualize large amounts of information
- Single level chart view for visual ease
- View data in hierarchical order for an organized display
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 #piechart #pie #chart #charts #graph #graphs #data #interactivedata #visual #visualdata #visualdatarepresentation #donutchart #donut #flat #flatheme #hierarchical #hierarchicalstructure #mac
Map and Time visualization of earthquake data from the end of January from the USGS.
Using Visual Fusion, you can view real-time data feeds on your customized dashboard with both a map and timeline setting. Just copy and paste a GeoRSS, KML, or WMS URL into your feed bar, and see the data in real-time. Watch this short presentation to learn more about adding ad hoc feeds and searches into your Visual Fusion application.
Explore our homepage to learn more about Visual Fusion and IDV Solutions.
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
Step 2: Hover over time segments to display detailed information.
zoomcharts.com/en/gallery/all:time-chart-custom-backgroun...
With ZoomCharts’ Custom Background Image feature, you can incorporate custom visuals into your graphs to enhance data presentation. Instead of a bland background, why not support your data with visuals that match your subject matter?
ZoomCharts’ Custom Background Image is an attractive feature currently being used to meet the advanced data visualization needs of various educational fields, including sciences and mathematics, such as anatomy, biochemistry, ecology, microbiology, nutrition, neuroscience, physiology, zoology, chemical engineering, geochemistry, molecular biology, geology, paleontology, physics, astronomy, algebra, computer science, geometry, logic, and statistics, and the arts such as, music, dance, theatre, film, animation, architecture, applied arts, photography, graphic design, interior design, and mixed media.
- Interactive chart that supports large amounts of data
- Chart background can be customized to suit your needs
- Data presentation is functional and visually appealing
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 #datavisualization #timechart #customization #custom #customvisuals #chartbackground #background #backgroundimage #backgroundcustomization #custombackground #custombackgroundimage #image #visual #visuals #tablet
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
We used Managing News as the base for this site, which shows voting results down to the ballot level. This site is a good example for "Managing News as a platform".
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
Step 3: Sort and display specific types of data using the filters at the top right.
zoomcharts.com/en/gallery/all:mixed-timechart-columns-are...
Working with a mass amount of data can seem daunting, but the process is becoming increasingly easier with advanced data visualization tools. ZoomCharts’ Time Chart Mixed Columns and Area tool makes it easy to present large amounts of data simply and effectively.
Clients from many different fields, including science, medicine, business, law, administration, information technology, transportation, media, marketing, engineering, consulting, education, and more, have unlocked the possibilities of analyzing and using their data with ZoomCharts’ data visualization tools.
- Display large amounts of data in one place
- Work with mixed data in the same graph or chart
- Expand and zoom in and out of data with a simple click or scroll
- Filter and display data according to specific time intervals
- Export data to open in various file types
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 #timechart #timecharts #time #interactive #data #datavisualization #interactivedatavisualization #mixedcolumnsarea #mixedcolumns #mixedarea #mixeddata #mixed #sort #filter #export #expand #zoom #zoomout #zoomin
The multi-touch installation reveals how Max Planck institutes collaborate with each other and with their international partners. The network view shows the Max Planck institutes and their connections.
This month we shone the spot light on Graph Gists - a cool tool for creating one page documents that describe and model your domain in a live Neo4j graph.
David Johnson, a participant in the recent winter competition showed us some of his graph gists and we looked over some other ones and even created our own one.
See the SkillsCast (Film Code Slides) at skillsmatter.com/skillscasts/6369-neo4j-graph-gist-special.
A sneak preview of a data visualization for the October 2008 Canadian election which I am working on.
Each set of blobs represents one riding. Each coloured blob represents the number of votes for an individual party in that riding.
The black ring around the winner's blob shows the number of people in that riding who voted for someone other than the winning party.
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
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
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
This screenshot depicts fatal traffic incidents near downtown Chicago (taken from CollisionWatch, an interactive data visualization demo application of Visual Fusion).
To learn more about CollisionWatch, check out this IDV UX blog post.
Explore our homepage to learn more about Visual Fusion.
The multi-touch installation reveals how Max Planck institutes collaborate with each other and with their international partners. The network view shows the Max Planck institutes and their connections.
Map footprint and time span visualization of recent Atlantic Ocean hurricane seasons (taken from HurricaneWatch, an interactive data visualization application of Visual Fusion).
To learn more about Visual Fusion's timeline capabilities, check out this IDV UX blog post or watch this one minute video.
Explore our homepage to learn more about Visual Fusion.
Concerning Cleveland pitcher Addie Joss's perfection against the White Sox, Sanborn described "an absolutely perfect game, without run, without hit, and without letting an opponent reach first base by hook or crook, on hit, walk, or error, in nine innings."
More available at infojocks.blogspot.com
See how it's easier than ever to build maps and analyze spatial data using the latest features in Tableau, join the IoT revolution, and learn how to bring the magic of Kepler GL into Tableau with extensions.
Mapbox SF Office
50 Beale Street
San Francisco, CA 94105
Wednesday, April 24 2019
5:30pm
SPEAKERS
Kent Marten, Tableau
Kent is a geographer, with BES from the University of Waterloo, MBA from the University of Redlands, and a GIS diploma from the Centre of Geographic Sciences. Kent has spent his entire career building mapping software products, first for Esri and now for Tableau. This will be Kent’s 7th time speaking at a Tableau User Group event, always about maps.
Shan He, Uber
Shan is a senior data visualization engineer at Uber. She is a coder, a designer, and a data artist. Shan is the founding member of Uber’s data visualization team and creator of kepler.gl
Ryan Baumann, Mapbox
Ryan has a BS in Mechanical Engineering from the University of Wisconsin - Madison. He built the first half of his career in product development at Trek Bikes and Caterpillar, before joining as the first Solutions Engineer at Mapbox in 2016. Now he leads a team of 15 solutions engineers that help customers solve complex problems using location intelligence. Outside of work, Ryan is a is a lifelong cyclist and founder of the athletics design website Athletedataviz. This is his third time speaking at a Tableau User Group event.
Chris DeMartini, Visa
Chris DeMartini came to the Tableau community through his work in network graphing. He has focused on incorporating dynamic aspects to his visualizations as well as working with the Tableau JS API, often blogging about these techniques on DataBlick. Some of his past work includes the likes of jump plots, hive plots, and even his family tree.
--- About Mapbox ---
Mapbox is a live location data platform for mobile and web applications and experiences. Anyone can use Mapbox APIs and SDKs to build live, fully customized interactive maps, game environments, navigation experiences, and data visualizations for consumer apps, business intelligence and logistics platforms, on-demand services, asset tracking, and more. Add your own data layers and build now for web, iOS, Android, Unity 3D, and Qt.
Start building today: www.mapbox.com
The team is producing a Milwaukee Harbor Habitat Map. Data collected will help define the ecological system (fish, plants, habitat) for the inner and outer harbor as well as connectivity to adjoining rivers.
Lakes are key indicators of climate change, capturing its effects directly and indirectly through surrounding areas. To respond and adapt to climate change effectively, we need a global and consistent record of lake data.
Satellite monitoring of lakes is vital for studying their response to climate change and tracking variations in their extent (or area), surface temperature, and ice cover (and thickness) and biogeochemical process via ‘water leaving reflectance’ over time.
Read more about the competition
Credits: ESA