.. image:: /_images/icons/app_simlytiks.png :width: 5% :align: right :target: index.html .. |Annotate| image:: /_images/icons/icon_Annotating.png :width: 4% :target: Annotating.html .. _Annotating: ##################### |Annotate| Annotating ##################### In this section, we'll go over how to use the image annotator for creating annotated charts. .. thumbnail:: /_images/Images/Splash/Splash_Annotating.png :title: Examples of Annotated Images .. centered:: **Examples of Annotated Images** | ********************** |font| Image Annotator ********************** .. thumbnail:: /_images/Images/Visualizers/Viz_Images_imageannotator.png :width: 5% The Image Annotator Visualizer allows for quick and easy image annotating via drag-and-drop. It works for all datasets and is the most recommended way to convey information. .. thumbnail:: /_images/Images/Annotating/Simlytiks_ImageAnnotator.png :title: Image Annotator .. centered:: **Figure 4: Image Annotator** | 1. |upload| Upload local image to annotate. 2. |mouse-pointer| Choose an image from the dataset to annotate. Choose an image from the dataset or upload a new one to add it to the chart area. Then, drag-and-drop data columns from the left panel onto the image. Annotations can be moved around by clicking and dragging as well. Click on the A in the upper right corner of the chart area to add shapes, arrows and text. Labels are added by clicking anywhere and specifying text. There is no need to annotate the image will in Edit Viz mode as we can annotate our images at any time. Watch the following video to see how it's done: .. video:: _static/movies/ImageAnnotator.mp4 :width: 100% | | Here is our final annotated image for our fruit dataset, showing a visual summary of the data. .. thumbnail:: /_images/Images/Annotating/Simlytiks_AnnotatedImage.png :title: Fruit Summary Annotated Image .. centered:: **Figure 5: Fruit Summary Annotated Image** | ******************************** |line-chart| Scientific Examples ******************************** The following are image annotator examples using scientific datasets. Occ Belted ========== The Occupant Belted scientific dataset explores crash analysis on the driver. Here is an image annotation for the forces at play on the driver. .. video:: _static/movies/OCC_belted.mp4 :width: 100% | | Here is our final annotated image for this Occ Belted dataset. .. thumbnail:: /_images/Images/Annotating/OCC.png :title: Occ Belted Annotated Image .. centered:: **Figure 6: Occ Belted Annotated Image** | Rail Model ========== The Rail Model scientific dataset explores an axial crush material calibration simulation. Here is an image annotation for the forces at play during the crush. .. video:: _static/movies/Rail_model.mp4 :width: 100% | | Here is our final annotated image for this Rail Model dataset. .. thumbnail:: /_images/Images/Annotating/Rail.png :title: Rail Model Annotated Image .. centered:: **Figure 7: Rail Model Annotated Image** | ************************** |bar-chart| Other Examples ************************** The following image annotator examples use generic datasets including the ones found under :ref:`Chart Examples. ` Car Release =========== The Car Release dataset explores the release of car brands based on programs and platforms. Here is an image annotation showing the release summary. .. video:: _static/movies/LRPAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Car Release dataset. .. thumbnail:: /_images/Images/Annotating/LRP.png :title: Car Release Annotated Image .. centered:: **Figure 8: Car Release Annotated Image** | NFL Teams ========= The NFL Teams dataset explores the points and yards statistics for each team. Here is an image annotation showing yard stats. .. video:: _static/movies/NFLAnnotation.mp4 :width: 100% | | Here is our final annotated image for the NFL Teams dataset. .. thumbnail:: /_images/Images/Annotating/NFL.png :title: NFL Teams Annotated Image .. centered:: **Figure 9: NFL Teams Annotated Image** | UFO Sightings ============= The UFO Sightings dataset explores location, duration, shape and comments of the sightings. Here is an image annotation showing the location, duration and shape. .. video:: _static/movies/UFOAnnotation.mp4 :width: 100% | | Here is our final annotated image for the UFO Sightings dataset. .. thumbnail:: /_images/Images/Annotating/UFO.png :title: UFO Sightings Annotated Image .. centered:: **Figure 10: UFO Sightings Annotated Image** | Breakfast Cereals ================= The Breakfast Cereals dataset explores nutritional values of popular cereals. Here is an image annotation showing calories, sugars, protein and fiber. .. video:: _static/movies/CerealAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Breakfast Cereals dataset. .. thumbnail:: /_images/Images/Annotating/cereal.png :title: Breakfast Cereal Annotated Image .. centered:: **Figure 11: Breakfast Cereal Annotated Image** | Michigan Museums ================ The Michigan Museums dataset explores different types of museums and their finances. Here is an image annotation showing city, type, income and revenue. .. video:: _static/movies/MuseumsAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Michigan Museums dataset. .. thumbnail:: /_images/Images/Annotating/Museum.png :title: Michigan Museum Annotated Image .. centered:: **Figure 12: Michigan Museum Annotated Image** | Average Weather =============== The Average Weather dataset explores yearly averages for European countries. Here is an image annotation showing average temperature, average high, average low and average precipitation. .. video:: _static/movies/WeatherAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Average Weather dataset. .. thumbnail:: /_images/Images/Annotating/weather.png :title: Average Weather Annotated Image .. centered:: **Figure 13: Average Weather Annotated Image** | Craft Beers =========== The Craft Beers dataset explores ABV values and types for American craft beers. Here is an image annotation showing the ABV and beer style. .. video:: _static/movies/BeerAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Craft Beers dataset. .. thumbnail:: /_images/Images/Annotating/beer.png :title: Craft Beers Annotated Image .. centered:: **Figure 14: Craft Beers Annotated Image** | 2020 World Happiness ==================== The 2020 World Happiness dataset explores happiness score values based on a multitude of variables. Here is an image annotation showing the summary of these factors for over 100 different countries. .. video:: _static/movies/HappinessAnnotation.mp4 :width: 100% | | Here is our final annotated image for the 2020 World Happiness dataset. .. thumbnail:: /_images/Images/Annotating/worldmap.png :title: 2020 World Happiness Annotated Image .. centered:: **Figure 15: 2020 World Happiness Annotated Image** | Head Impact =========== The Head Impact dataset explores the crash analysis on pedestrian head impact. Here is an image annotation showing hood and bumper forces, mass and peak acceleration. .. video:: _static/movies/DOEAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Head Impact dataset. .. thumbnail:: /_images/Images/Annotating/DOE.png :title: Head Impact Annotated Image .. centered:: **Figure 16: Head Impact Annotated Image** | Diabetes ======== The Diabetes dataset explores factors that may cause diabetes. Here is an image annotation showing pregnancy factors and the diabetes pedigree function. .. video:: _static/movies/DiabetesAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Diabetes dataset. .. thumbnail:: /_images/Images/Annotating/pregnancies.png :title: Diabetes Annotated Image .. centered:: **Figure 17: Diabetes Annotated Image** | Insurance ========= The Insurance dataset explores insurance holders based on certain variables. Here is an image annotation showing a summary of these insurance categories. .. video:: _static/movies/InsuranceAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Insurance dataset. .. thumbnail:: /_images/Images/Annotating/Insurance.png :title: Insurance Annotated Image .. centered:: **Figure 18: Insurance Annotated Image** | Automobiles =========== The Automobiles dataset explores basic statistics of cars. Here is an image annotation showing a summary these statistics which include MPG, cylinders and weight. .. video:: _static/movies/AutomobilesAnnotation.mp4 :width: 100% | | Here is our final annotated image for the Insurance dataset. .. thumbnail:: /_images/Images/Annotating/Automobile.png :title: Automobiles Annotated Image .. centered:: **Figure 19: Automobiles Annotated Image** |