Skip to main content

2 posts tagged with "features"

View All Tags

· 3 min read
Sarah Brunelle (SB)

We are excited to announce a new feature available on the website – the introduction of Dark Mode in the documentation pages! This is more than just a cool feature; it's a step towards inclusivity and accessibility, especially for individuals with visual impairments.

Personal Motivation Behind the Change: Christian’s Story

“As someone who recently developed low vision, I understand firsthand the challenges that visual impairment can bring, especially when navigating digital content. My experience was a driving force behind our decision to implement Dark Mode. We believe the Stormwater Heatmap should be accessible to everyone, and this update is a step towards making it more user-friendly for people with similar conditions.”

– Christian Nilsen

What is Dark Mode? Why is it important?

Dark Mode (also referred to as “night mode,” “dark theme,” “light-on-dark,” “lights-out mode,” etc.) is an approach to user interface design that “reduces the light emitted by device screens while maintaining the minimum colour contrast ratios required for readability”. In many web and mobile applications, Dark Mode (or dark background colors with light foreground elements) is available alongside “light mode” (or light background colors with dark foreground elements) as an alternative color-contrast setting.

The benefits of Dark Mode include:

  • reduced eye strain (especially in low-light environments)
  • increased inclusivity for people with visual impairments and light sensitivity
  • extended battery life for OLED (organic light-emitting diode) screens because it uses less energy
  • decreased amount of “blue light” that is emitted from the screen

How do I access dark and light modes on the Stormwater Heatmap website?

To switch the setting, click on the circular icon located on the far right-hand side of the horizontal navigation bar that floats at the top of the website screen. To toggle back, click again.

Dark Mode Highlight

The above screen capture demonstrates “dark mode” (moon icon, highlighted here in green) and has a dark background with white and bright green text overlay.

Light Mode Highlight

The above screen capture demonstrates “light mode” (sun icon, highlighted here in green) and has a bright white background with dark text overlay.

Under the Hood: How We Implemented Dark Mode

This part was actually pretty easy, thanks to the Open Source Team at Meta, who created the docusaurus platform. Thanks to their commitment to accessible design, all it takes is a few lines of code to reconfigure all our documentation pages to include Dark Mode. Read how to do it here.

Your Feedback Matters

We would love to hear your feedback on this new feature. Your input helps us improve and make our tools and documentation more accessible and enjoyable for everyone. Please share your thoughts and experiences with our new Dark Mode through our feedback form.

Looking Ahead

We will continue to find ways to make more inclusive, ensuring that everyone of all abilities can benefit. Stay tuned for more updates and enhancements in the future!

· 2 min read
Ericka Hegeman
Sarah Brunelle (SB)

Since the launch of Stormwater Heatmap Version 1.0 in March 2022, our team has received incredible interest in the data provided on this website. We originally designed the tool to prioritize interacting with data through the web interface; however, we have consistently heard from users that there is a need to export the Stormwater Heatmap data layers for use within external stormwater planning systems.

We are pleased to share that our plans for Stormwater Heatmap enhancements include meeting this need for data export within the user interface. In Stormwater Heatmap Version 2.0, we plan to build out the "Get Data" functionality and we intend to make the "data extraction page" more robust by including aggregated and time-series data in addition to the raster data that is already available. While we work on enhancing the website extraction interface, we have created a temporary solution to provide users with immediate access to these powerful data layers. We are excited to announce that...

We have made 19 of the Stormwater Heatmap data layers available for download at their full spatial extent and original resolution via ArcGIS Online! The data can be viewed prior to downloading by visiting the View Data Layers tab. The same information is also posted to an ArcGIS Online-hosted landing page titled Data Layers. Detailed information regarding how the datasets were developed, Google Earth Engine code links, and visualization details can also be found in the Documentation tab > Layer Reference section of the website.

Each layer is available for download as a GeoTIFF file via an individual link, and the file sizes are listed alongside the layer names for reference. The projection for all files is WGS 84. Note that the resolution varies by layer and represents the finest resolution available based on the source data. Some data layers are not yet ready for download and/or will require future updates; these will be posted once they become available.

We are excited about sharing these robust datasets with the public and look forward to hearing about your application of these data to local planning efforts! Tell us more about how you're using the Stormwater Heatmap by clicking the "Contact" drop-down (upper right-hand corner of this page), then "Share Your Story".