Visual Bubbles helps to visualize your data. It provides quite a straightforward way of dealing with moderate complexity data. Long story short, it allows to filter, group, color, size in a highly visual manner.
Let's quickly check Tesla results for previous years:
So, it does look like Tesla did a good job increasing overall sales. Anyway, this is just a basic demo of the tool.
We used to think visually, so it is better to visualise data in order to make analysis natural and easy to track and understand. Quite often, there is a task to do quick investigation of the small or medium data-sets. It definitely can be done with Excel, but sometimes a bit more visual approach might helpful.
The tool is designed to simplify visualization as much as possible. Basically, it only requires input data to be properly tagged. Other features are:
- Simple data preparation
- Rich visual comparison
- Presentation ready graphics
- Animated transitions
- d3.js based visualization
Colors make the picture reach and easy to interpert. Use Color By function in order to complement grouping or to highlight interesting moments behind your data.
It looks way better in action:
As a futher step, shape size can be adjusted in order to add yet another dimension to your data. Just specify a proper attribute for Size By functionalit:
Just see it in action:
Let's use Autonomous Vehicle Survey of Bicyclists and Pedestrians in Pittsburgh, 2017 dataset for a quick test. The dataset itself contains pretty interesting information:
In Pittsburgh, Autonomous Vehicle (AV) companies have been testing autonomous vehicles since September 2016. In early 2017, we set out to design a survey to see both how Pittsburgh residents feel about about sharing the road with AVs as a bicyclist and/or as a pedestrian.
Let's do a quick sanity check for the results. Here are fields we will use:
- AVSafetyPotential: Do you think that AVs have the potential to reduce injuries and fatalities? Yes; Maybe; No; Not Sure
- RegulationSchoolZone: On public streets, do you think that a regulatory authority should... Prevent AVs from operating in an active school zone? Yes; Not Sure; No
- InteractPedestrian: Have you interacted with an AV while riding your bicycle on the streets of Pittsburgh? No; Not Sure; Yes
It might be natural to expect anybody saying AVs have the potential to reduce injuries also to say AVs should not be prevented from operating in an active school zone (the topic is pretty sensitive, so this is just an assumption).
So, we can see there is somewhat like a split opinion. Let's add to the picture school zones answers.
As expected, a majority of respondents saying AVs have no potential also wants regulatory authority to prevent prevent AVs from operating in an active school zone. Let's check if the majority had any experience interacting with AVs.
At any moment of time all the details, related to every single record in the data set, can be viewed and analyzed:
Properly annotated CSV file is required in order to make visualisation possible. Generally speaking, input CSV file should start with a row, containing column titles. If column values are supposed to be visualised column title should contain Lookup: prefix
Response ID,Start Date,End Date,Lookup:Status,Lookup:Source Type 260279884,02/22/2017 10:38:27 AM PST,02/22/2017 10:46:22 AM PST,COMPLETE,Survey Link 260293425,02/22/2017 5:59:59 PM PST,02/22/2017 6:04:04 PM PST,COMPLETE,Survey Link
Please notice, Status and Source Type contain Lookup:: prefix, so the tool understands what data should be rendered. Basically, this is the only manual required, just use Lookup: prefix and give the tool a try.
Initial layout consumed quite a lot of space, so the idea to hide optional controls and move the legend to the left feels pretty natural.
Initially this tool was developed by an unknown author. The functionality looked quite promising, so additional changes were made:
- added Size By option
- fully reworked color palette
- cleaned the code
- switched to a dark theme
- removed Coffee script in favour of a plain JavaScript
- fixed multiple usability issues with font sizes, etc
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License a
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.









