As a user of the dataviz, I would like to share in a blog article a link that shows a pie chart with the ratio of scope2/scope3 of the monitors in france with a lifetime of 10 years.

I would assume that it could be implemented at url level (query params or path)

Steps to reproduce :

• set lifetime value to 0
• set annually to true

add US electricity mix in region dropdown list

I've been sharing ideas with designer friends.

One of them came with the idea of making more visible the pie chart, which is the "result" expected by the data explorer. Something like that on desktop :

Do you think users will be more confortable with such a design?

The impacts are retrieved from server configuration. We want users to be able to give a specific configuration through a form. The inputs will be used in the construction of a request to the API.

Project

The objective of the project is to create a new tab in datavizta allowing to model the impacts of a server from its technical characteristics.

The objectives are multiple :

• Use boaviztapi in a user-friendly way
• Give a pedagogical tool to show the mutlicriteria and multistep impacts of a server
• Give an easy way to present and share our work on the API

Boaviztapi

Boaviztapi is an API that can be used to retrieve the environmental impacts of components, servers and AWS cloud instances from technical and usage characteristics. It uses the methodologies pushed by Boavizta. The impacts are multicriteria (gwp, pe, adp) and covers usage and manufacture.

Documentation : https://doc.dev.api.boavizta.org/
Interactive Open API doc : https://dev.api.boavizta.org/docs
Repo : https://github.com/Boavizta/boaviztapi

We will use the server router in this project. The router retrieves the impacts of a given server configuration.

Getting started with server : https://doc.dev.api.boavizta.org/getting_started/single_server/

⚠️ change the endpoint from api.boavizta.org to dev.api.boavizta.org

TODO

• #52
• #54
• #53
• #55
• #56
• #57

Please feel free to critic or comment on that.

When selecting an equipment, we should be able to share the link to the dashboard with the custom value.

We could add a link to cloud scanner in the "to go further" panel (after the link to API)

https://boavizta.github.io/cloud-scanner/

Happens when calculating the impact based on its configuration on the page https://dataviz.boavizta.org/serversimpact

If you change the configuation of the server (amount of RAM, SSD, etc.) the corresponding footprint is not updated.

When looking at devtools, it seems there is a COR issue with the request to the /serverresource :

Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://dev.api.boavizta.org/v1/server/?verbose=true. Raison : l’en-tête CORS « Access-Control-Allow-Origin » est manquant. Code d’état : 500.

I think there is actually two issues here :

• one on Cross Origin Request
• one on the UI : when the request fails, we should display an error message on the page to inform the user that the footprint displayed does not match the server he has configured. Otherwise one may simply fail to realize there is an error and use an incorrect footprint.

NAME

PEDAGOGICAL FRONT

STORY

Sensitized to the impacts of digital technology, I wish to understand how the impacts of a server are distributed by manipulating the data and the methodology of BOAVIZTA concerning the servers.

GUIDELINES

• Form to characterize a server object
• Creation of a query
• Display aiming at pedagogy and scientific popularization (graph,
• Respect of (RG2A) [https://www.numerique.gouv.fr/publications/rgaa-accessibilite]

HELP

RESSOURCES

• Route [POST] /v1/server/

• Example of server 1 - Complete server, die size are smart complete from components information, knowledge on electrical consumption :

{
  "model":
  {
    "manufacturer": "Dell",
    "name": "R740",
    "type": "rack", 
    "year": 2020 
  },
 {
    "configuration":
    {
        "cpu":
        {
            "units": 2,
            "core_units": 18,
            "family": "Skylake"
        },
        "ram":
        [
            {
                "units": 12,
                "capacity": 32,
                "manufacturer": "Samsung"
            }
        ],
        "disk":
        [
            {
                "units": 1,
                "type": "ssd",
                "capacity": 400,
                "manufacturer": "Samsung"
            }
        ],
        "power_supply":
        {
            "units": 2
        }
    }
},
  "usage": {
    "hours_use_time": 1,      
    "days_use_time": 0,
    "years_use_time":  0
    "usage_location": "FRA",
    "hours_electrical_consumption": 510
  }
}

• Example de server 2 - Complete server containing die size, electrical consumption is retrieved from workload object :

{
  "model":
  {
    "manufacturer": "Dell",
    "name": "R740",
    "type": "rack",
    "year": 2020
  },
  "configuration":
  {
    "cpu":
    {
      "units": 2,
      "core_units": 24,
      "die_size_per_core": 0.245
    },
    "ram":
    [
      {
        "units": 12,
        "capacity": 32,
        "density": 1.79
      }
    ],
    "disk":
    [
      {
        "units": 1,
        "type": "ssd",
        "capacity": 400,
        "density": 50.6
      }
    ],
    "power_supply":
    {
      "units": 2,
      "unit_weight": 2.99
    }
  },
  "usage": {
    "max_power": 510,
    "year_use_time": 3,
    "workload": {
      "100": {
        "time": 0.15,
        "power": 1.0
      },
      "50": {
        "time": 0.55,
        "power": 0.7235
      },
      "10": {
        "time": 0.2,
        "power": 0.5118
      },
      "idle": {
        "time": 0.1,
        "power": 0.3941
      }
    }
  }
}

Implement a way to change the view from the data repository to the server impacts view in the header.

The gwp_emissions_factor values in https://github.com/Boavizta/datavizta/blob/main/static/electrical_foot_print.csv are mostly from 2020, with a few exceptions.

Would you be open to a PR which replaces the electrical_foot_print.csv file with annual average grid intensity data from CO2.js? The grid intensity data in CO2.js is also from Ember, and currently is for the year 2021, though there is an open issue to update this with 2022 data next month.

This would remove the need for manual updates to be made to the CSV file. We're looking to automate data updates in CO2.js later this year as well, which should mean that we've got close to the latest figures from Ember available in the library.

Steps to reproduce

• switch on yearly param
• export csv
• values in csv are not yearly

As a user I would like to contribute to the project, I should be able to retrieve the project repository.

"fork me on github" label?

Add a switch button to allow users to easily switch from a pie chart showing impacts during life span (current view) to a pie chart showing impacts during 1 year.

We should show the mean total impact (scope 2 + scope 3) of selected items.
It could be usefull to compare devices of same manufacturer depending on the manufacturing year

Usage impacts are retrieved from characteristics and usage characteristics. We want users to be able to give specific usage characteristics through a form.

⚠️ We only want users to give usage characteristics at server level. Ignore all documentation regarding usage objects at component level.

We should discard one options to mitigate UI misunderstandings :

• Remove calculate button? -> activate calculate pie chart on value change
• Do not calculate impact without clicking on button

Pre configured searches and customizations could be usefull to easily compare results.
Some examples :

• Compare Servers, Laptops and Monitors
• Compare French, US, EU and China electricity mixes
• Extend lifetime for 1 year and compare with previous results

The API will respond with both the manufacture and usage impacts for three impacts criteria (gwp, adp, pe). It can optionally return all the data used in the calculations (with verbose=true). The minimal data visualization would be one to many charts to report the three impacts criteria on the two lifecycle steps (three pie charts, one normalized bar chart, ...). Feel free to be creative !

Optionally, some work could be done to report the value used in the calculation.

When a line(s) without yearly TEC or Utilization (%) value is/are selected and Region or lifetime are overrided, only scope3 is shown. This is due to missing data in the calculation of overided values.

When a selected line(s) doesn't have a yearly TEC or Utilization (%) overriding Region and lifetime should be deactivated (greyed ?).

Before buying/choosing an equipment I would like to compare the carbon impact of 2 equipments in the same category.

Example: https://www.cpubenchmark.net/compare/Intel-i5-8250U-vs-Intel-i5-7200U/3042vs2865

Tasks:

• Create a /compare page with query parameters (equipment, country)
• Display equipment side to side with the carbon impact graph

Hi,

Not sure if it it a bug or a design choice ?

When I select an instance type (c5.large) the embedded impacts (manufacture) returned seem to be the embedded impacts of the underlying bare metal instance (c5.metal).

This figure never change wether I select C5.4xlarge or C5.18xlarge (but changes if we change the instance family, still displaying the value corresponding to the metal instance of the new family).

In BoaviztaAPI (at least in V1.1.0) behavior differ, we are attributed a "part" of the corresponding metal instance.

Several options :

1. Add a Download button to generate jpg/png image of pie chart DIV and allow user to save it
2. Add a Save button to generate jpg/png image of pie chart DIV and add it at the bottom of the page (similar to https://codepedia.info/editor-example?id=35)

Unit testing will help with keeping operation like csv export, param parser out of regression

https://koenvg.medium.com/setting-up-jest-with-sveltekit-4f0a0e379668

NOM

STORY

GUIDELINES

HELP

RESOURCES

• Boavizta/environmental-footprint-data#33

It would be nice to be able to force a language.
If my browser is in fr language and I want to make a screenshot in english, it's currently not possible.

• why :
  We received some feedbacks that scope2 and scope3 are not well understood by everyone interested into the env. impacts

• solution :
  Maybe a link to a proper definition could help on making more light on the difference between scope2 and scope3.

Boavizta API also provides estimations of impacts of AWS cloud instances.

We could add a tab to query and display it (similar to the server tab) ?

All Link.

All Botton

Problem

I want to export my selection with the modification I have made (duration and location) as a CSV.

Field

Export all the field of the original CSV plus :

• Scope2 (measured with user custom value)
• Scope3
• used location
• used life duration

The idea is to evaluate the total carbon impact of an Office/Workplace setup (computer, screen(s), phone...) from a user-friendly form in order to educate people about their impact at work.

The form would looks like this one https://dribbble.com/shots/5024534-Cashbase-Application-form or inspired by https://nosgestesclimat.fr/simulateur/bilan

The result would be an URL containing all the selected equipment to be easily shared.

Steps would be:

flowchart LR
   A[1. Select desktop/laptop] --> B["2. Add screen(s)"] --> C["3. Add smartphone(s)"] --> D["4. Add tablet(s)"] --> E["5. Add printer(s)"] --> T[Total carbon impact]

Add to the current Share button

social networks and icons:

(from https://www.websiteplanet.com/fr/webtools/sharelink/)

The modification should only add links, no library.

• Twitter
• Facebook
• Support mobile sharing UI
• LinkedIn ???

Share parameters:

Text: (proposed)

"I just calculated my IT equipment carbon impact on Dataviz by Boavizta

Url (existing one):

https://dataviz.boavizta.org?lifetime=4.53

When user select an equipment in the list, the lifecycle and region should be auto populate in the 'custom form' to enhance UX and comprehension.

add China electricity mix in region dropdown list

Several text sections in french when switching from French to English

• Region picker default value
• Datagrid headers
• Scope 2 & scope 3 caption at the bottom of the pie chart
• "Durée de vie moyenne"

Add a link to access the whole data

Some texts are hardcoded in french and should be move to language files.