geog328

In-class presentation:

Each student will lead the presentation about an assigned item. We will start assign the group presentation assignment in Week 5. While we encourage you to be creative and make your presentation engaging to your classmates, we expect to see you cover the following aspects during your presentation. As the presentation worths a bonus credit of 3% of the final grade, how each item below would be counted towards the 3% is also shown below.

1. A brief introduction of the feature/example being presented (0.5%)
2. How this feature/example could be applied to real-life projects/scenarios (0.5%)
   • For example, if the presented example was time-series data vizualization, its real-life application could be tracking landscape change over time, or real-time traffic management
   • It would be even greater if you could find any existing online project that utilizes the feature.
3. The overall structure and the logic flow of the code (0.5%)
4. Code parts that you think need extra attention when programming (0.5%)
5. A working example written by yourself that you would showcase to your classmates (1%)

If you prepare slides for the presentation, please send it to the instructor before class via email.

Schedule

Below is the presentation schedule for Autumn 2022. The order is generated randomly. Please let the TA know if you have any question about the presentation.

Group	Topic	What Should be Covered	Presentation Date
	Debugging	Walkthrough the debugging steps with example(s)	WK4
	chroma.js (JS library)	How to use the library (on maps) Color Schemes for maps Some examples of creative use of map colors (Optional) ow to create legend on web maps	WK4
	Create interactive hover effects with Mapbox GL JS	Combine with Create a hover effect, or other features listed under the “Next steps” section of the provided document	WK7
	Filter symbols by toggling a list	Deploy your example using an individual github repository	WK9
	Display buildings and terrain in 3D	Display buildings in 3D Add 3D terrain to a map Briefly discuss scenarios that 3d mapping would be preferred over traditional 2d mapping (Highly recommended) How to show your own data in 3D	WK9

Below are the list of topics for presentation. We will assign the topic to each volunteered individual presenter during the quarter.

• Create a time slider
  • https://docs.mapbox.com/mapbox-gl-js/example/timeline-animation/
• Filter symbols by text input
  • https://docs.mapbox.com/mapbox-gl-js/example/filter-markers-by-input/
• Filter symbols by toggling a list
  • https://docs.mapbox.com/mapbox-gl-js/example/filter-markers/
• Show and hide layers
  • https://docs.mapbox.com/mapbox-gl-js/example/toggle-layers/
• Adjust a raster layer’s opacity
  • https://docs.mapbox.com/mapbox-gl-js/example/adjust-layer-opacity/
• Add custom markers in Mapbox GL JS
  • https://docs.mapbox.com/help/tutorials/custom-markers-gl-js/
• Create interactive hover effects with Mapbox GL JS
  • https://docs.mapbox.com/help/tutorials/create-interactive-hover-effects-with-mapbox-gl-js/
• Get started with Mapbox GL JS expressions
  • https://docs.mapbox.com/help/tutorials/mapbox-gl-js-expressions/
• Debugging
  • https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools
• chroma.js (JS library)
  • https://gka.github.io/chroma.js/
• Display buildings in 3D
  • https://docs.mapbox.com/mapbox-gl-js/example/3d-buildings/
• Add 3D terrain to a map
  • https://docs.mapbox.com/mapbox-gl-js/example/add-terrain/

Please let us know if you have any question about the presentation or the assigned topic.

This site is open source. Improve this page.