Target Participants

This course caters to both aspiring and intermediate developers and data analysts with varying web development and CesiumJS experience. It offers a structured learning path, starting with fundamental concepts and progressing to advanced applications.

What you will learn

By the end of the course the learner should be able to:

• Understand the basics of web-based 3D graphics and CesiumJS functionalities.
• Build and customize 3D globes for dynamic data visualization.
• Interact with and explore dynamic data on the globe using various techniques.
• Implement user interactions and create engaging visual experiences.
• Gain an introduction to integrating CesiumJS with Unity for enhanced visuals.

Course duration

5 days

Course Outline

Introduction to Web-based 3D Visualization and CesiumJS

• Basics of Web-based 3D Graphics: Understand WebGL concepts, canvas interaction, and DOM manipulation for 3D visualization.
• Introduction to CesiumJS: Explore CesiumJS capabilities, setting up development environment, and basic globe creation.
• Loading and Working with Geographic Data: Understand geospatial data formats (GeoJSON, KML) and loading them onto the globe.
• Basic Data Visualization on the Globe: Implement markers, labels, and simple data styling on the 3D globe.

Building Interactive Dynamic Data Visualizations

• Loading and Processing Dynamic Data: Explore various data sources (CSV, JSON, APIs) and loading them into CesiumJS.
• Visualizing Dynamic Data on the Globe: Implement heatmaps, point clouds, and 3D objects for diverse data visualization.
• Advanced Data Styling and Techniques: Master color coding, gradient effects, and custom styles based on data attributes.
• Time-series Data and Animation: Visualize temporal data through animations and transitions for deeper data exploration.

User Interaction and Advanced Features

• Basic User Interactions: Implement user-controlled camera navigation, zooming, panning, and globe rotation.
• Filtering and Highlighting Data: Enable interactive filtering and highlighting of data points based on user actions.
• Tooltips and Information Panels: Create informative overlays for data exploration and storytelling.
• Custom Animations and Effects: Add custom animations and effects for engaging and dynamic visualizations.

CesiumJS for Advanced Users (Hands-on Project)

• Advanced CesiumJS API: Deep dive into advanced functionalities like custom shaders, terrain manipulation, and complex data styling.
• Real-time Data Integration: Explore strategies for integrating and visualizing real-time data streams (WebSockets, APIs) onto the globe.
• Performance Optimization: Learn techniques for optimizing rendering performance, data handling, and memory usage.
• Hands-on Project Development: Apply advanced techniques to build a complex data visualization project on the CesiumJS globe.

Introduction to CesiumJS with Unity (Brief Exploration)

• Introduction to Unity (if needed):Provide a concise overview of Unity’s core concepts and scripting for those unfamiliar with the platform.
• Cesium for Unity Plugin: Understand the Cesium for Unity plugin and its capabilities for combining CesiumJS data with Unity functionalities.
• Basic Integration Example: Guide participants through a simple project demonstrating data import from CesiumJS into Unity for basic visualization.
• Future Potential and Challenges: Discuss the advantages and challenges of using CesiumJS and Unity integration for advanced visualization projects.