rollthecloudinc / bloodhound Goto Github PK

Only the repos have been created everything else still needs to be done.

https://github.com/rollthecloudinc/carbonfree/wiki/Automating-Carbonfreed-Website-Setup

New Sites:

• dev: https://bloodhound.druidcloud.dev/pages/create-panel-page
• prod: https://bloodhound.carbonfreed.app/pages/create-panel-page

• path: /demo/opensearch-pie-chart

XY Chart

Carbon reporting header

• rollthecloudinc/quell#366

• amcharts5 plugin

• rollthecloudinc/solid-amcharts5#1

Chart using circular heat map

https://www.amcharts.com/docs/v5/concepts/legend/heat-legend/#Gradient_or_steps

Ideas:

• hour = hour
• day = region / data center location
• temp = average emissions

Weather accomodations?

Clock with heat map number of average requests during each period

upper far left (PM) | right (AM) of dashboard - two clocks on representing AM and another PM.

effectively a pie with equal slices, numbers and hands if we need to go that route.

• end-point
  • method - No method exists in current index.
  • path
• total emissions
• average power
• Percentage of total emissions
  • Need to figure out how to do this. Otherwise leave out for now.
• average memory
• average duration

optional: squares as heat map to indicate:

• region/data center for heaviest traffic
• high to low sci using average

• function
• total emissions
• average power
• Percentage of total emissions
• average memory
• average duration

It might be worth while to create a SOLID for Ag Grid.

https://blog.ag-grid.com/dynamically-setting-ag-grid-columns-from-json/

Ngx Data Table might be the better/slimmer route..

https://swimlane.github.io/ngx-datatable

• path: /demo/static-line-chart

Chart JSON

{
  "type": "XYChart",
  "refs": {
    "data": [],
    "xAxis": {
      "type": "DateAxis",
      "settings": {
        "baseInterval": {
          "timeUnit": "day",
          "count": 1
        },
        "renderer": {
          "type": "AxisRendererX"
        }
      }
    },
    "yAxis": {
      "type": "ValueAxis",
      "settings": {
        "renderer": {
          "type": "AxisRendererY"
        }
      }
    }
  },
  "settings": {
    "panX": false,
    "panY": false,
    "wheelX": "panX",
    "wheelY": "zoomX",
    "scrollbarX": {
      "type": "Scrollbar",
      "settings": {
        "orientation": "horizontal"
      }
    }
  },
  "properties": {
    "xAxes": [
      "#xAxis"
    ],
    "yAxes": [
      "#yAxis"
    ],
    "series": [
      {
        "type": "LineSeries",
        "settings": {
          "name": "Series",
          "xAxis": "#xAxis",
          "yAxis": "#yAxis",
          "valueYField": "value",
          "valueXField": "date",
          "tooltip": {
            "type": "Tooltip",
            "settings": {
              "labelText": "{valueX}: {valueY}"
            }
          }
        },
        "properties": {
          "data": "#data"
        }
      }
    ]
  }
}

Static data source

[
      { "date": 1652425200000, "value": 92 },
      { "date": 1652511600000, "value": 95 },
      { "date": 1652598000000, "value": 100 },
      { "date": 1652684400000, "value": 100 },
      { "date": 1652770800000, "value": 96 },
      { "date": 1652857200000, "value": 97 },
      { "date": 1652943600000, "value": 94 },
      { "date": 1653030000000, "value": 89 },
      { "date": 1653116400000, "value": 89 },
      { "date": 1653202800000, "value": 87 },
      { "date": 1653289200000, "value": 84 },
      { "date": 1653375600000, "value": 81 },
      { "date": 1653462000000, "value": 85 },
      { "date": 1653548400000, "value": 89 },
      { "date": 1653634800000, "value": 86 },
      { "date": 1653721200000, "value": 90 },
      { "date": 1653807600000, "value": 93 },
      { "date": 1653894000000, "value": 94 },
      { "date": 1653980400000, "value": 94 },
      { "date": 1654066800000, "value": 96 }
]

Columns:

• path
• total emissions
• emissions saved

We could also do it by contract

• contract
• total emissions
• emissions saved

There is a table demo somewhere.

• path: /demo/static-pie-chart

/emissions-by-date

Line Chart
x axis: day
y: emissions

Consider another chart like this below.

Goal is net-zero but can be adjusted.

Bar chart

• x = location

• y = emissions

• saved carbon is also an interesting metric. How much carbon has been saved by bouncing to a region instead of using another.

Map with heat
high:
low:

select
total request handled
carbon saved?

• code (country code)
• value

• path: /demo/opensearch-line-chart

• Percentage of total per region/data center
• Total
• Carbon Saved?

Map with heat
high:
low:

• select
  • total request handled
  • carbon saved?

blocker: amcharts/amcharts5#1020

Top left line chart

https://www.elastic.co/guide/en/elasticsearch/reference/current/search-aggregations-bucket-datehistogram-aggregation.html

https://www.elastic.co/blog/querying-and-aggregating-time-series-data-in-elasticsearch

series for each region
x axis [category]: min intensity, max intensity, avg intensity, request count, carbon saved
y axis [value]

intensity ranges from 0 – 1000 average around 400 – 600
divide request count by number that makes sense given intensity range
carbon saved may also need to be altered to better align