Component specific charts (#4)

* add charts viewer html app * add monthly issues viewer * add component specific stats page * update base charts * update base charts
tudorpopams · Jul 23, 2024 · d473e39 · d473e39
1 parent a7d4151
commit d473e39
Show file tree

Hide file tree

Showing 67 changed files with 939 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -28,6 +28,8 @@ poetry run jupyter notebook
 
 ## Current stats
 
+For individual component charts, check the [Components doc](./docs/components.md).
+
 ![Top 10 labels](./images/stats-01.png)
 
 ![Components issues](./images/stats-02.png)

diff --git a/charts.py b/charts.py
@@ -92,7 +92,14 @@ def get_charts_data(issues):
         issue["labels"] for issue in issues_minimal if issue["state"] == "open"
     ]
 
-    return all_issues, issues_minimal, df_issues, df_issues_closed, issue_labels
+    all_labels = set()
+
+    for labels in issue_labels:
+        all_labels = all_labels.union(labels)
+
+    component_names = set([label.replace("Component: ", "") for label in all_labels if label.startswith("Component:")])
+
+    return all_issues, issues_minimal, df_issues, df_issues_closed, issue_labels, component_names
 
 
 def plot_labels_pie(issue_labels):
@@ -374,7 +381,7 @@ def plot_triage_issues_line(df_issues):
 
 
 def _generate_and_save_plots(issues):
-    _, issues_minimal, df_issues, df_issues_closed, issue_labels = get_charts_data(
+    _, issues_minimal, df_issues, df_issues_closed, issue_labels, component_names = get_charts_data(
         issues)
 
     with alive_bar(6, title="Generating and saving charts", unit=" charts") as bar:

diff --git a/component-charts.py b/component-charts.py
@@ -0,0 +1,79 @@
+import json
+import matplotlib.pyplot as plt
+
+from alive_progress import alive_bar
+
+from charts import (
+    get_charts_data,
+)
+
+used_months = ["2024-04", "2024-05", "2024-06", "2024-07"]
+components_charts_folder = "images/components/"
+
+
+def read_months_data(months=["2024-07"]):
+    all_issues = {}
+    components = set()
+
+    for month in months:
+        json_file = open(f"data/{month}/issues.json")
+        issues = json.load(json_file)
+
+        (
+            _,
+            issues_minimal,
+            _df_issues,
+            _df_issues_closed,
+            _issue_labels,
+            component_names,
+        ) = get_charts_data(issues)
+
+        all_issues[month] = issues_minimal
+        components = components | component_names
+
+    return all_issues, components
+
+
+if __name__ == "__main__":
+    all_issues, component_names = read_months_data(used_months)
+
+    component_stats = {}
+
+    for component in sorted(component_names):
+        component_stats[component] = {month: 0 for month in used_months}
+
+    for month, issues in all_issues.items():
+        open_issues = [issue for issue in issues if issue["state"] == "open"]
+
+        for issue in open_issues:
+            for label in issue["labels"]:
+                if not label.startswith("Component: "):
+                    continue
+
+                component_name = label.replace("Component: ", "")
+
+                component_stats[component_name][month] += 1
+
+    with alive_bar(
+        len(component_names), title="Generating and saving charts", unit=" charts"
+    ) as bar:
+        for component, stats in component_stats.items():
+            _, ax = plt.subplots(figsize=(10, 6))
+            component_values = list(stats.values())
+
+            for i, txt in enumerate(component_values):
+                ax.annotate(
+                    txt,
+                    (used_months[i], component_values[i]),
+                    textcoords="offset points",
+                    xytext=(0, 7),
+                    ha="center",
+                )
+
+            ax.set_title(f"Component issues in the past months: {component}")
+            plt.xticks(rotation=45)
+            plt.plot(used_months, component_values, label=component)
+            plt.savefig(f"{components_charts_folder}{component}.png")
+            plt.close()
+
+            bar()
diff --git a/docs/components.md b/docs/components.md
@@ -0,0 +1,165 @@
+# Fluent UI React v9 component specific charts
+
+## Avatar
+
+![Avatar stats](../images/components/Avatar.png)
+
+## Menu
+
+![Menu stats](../images/components/Menu.png)
+
+## Badge
+
+![Badge stats](../images/components/Badge.png)
+
+## Dialog
+
+![Dialog stats](../images/components/Dialog.png)
+
+## Carousel
+
+![Carousel stats](../images/components/Carousel.png)
+
+## List
+
+![List stats](../images/components/List.png)
+
+## Toolbar
+
+![Toolbar stats](../images/components/Toolbar.png)
+
+## Popup
+
+![Popup stats](../images/components/Popup.png)
+
+## Nav
+
+![Nav stats](../images/components/Nav.png)
+
+## Table
+
+![Table stats](../images/components/Table.png)
+
+## Button
+
+![Button stats](../images/components/Button.png)
+
+## SplitButton
+
+![SplitButton stats](../images/components/SplitButton.png)
+
+## SearchBox
+
+![SearchBox stats](../images/components/SearchBox.png)
+
+## InfoLabel
+
+![InfoLabel stats](../images/components/InfoLabel.png)
+
+## Tooltip
+
+![Tooltip stats](../images/components/Tooltip.png)
+
+## Checkbox
+
+![Checkbox stats](../images/components/Checkbox.png)
+
+## ComboBox
+
+![ComboBox stats](../images/components/ComboBox.png)
+
+## Drawer
+
+![Drawer stats](../images/components/Drawer.png)
+
+## Switch
+
+![Switch stats](../images/components/Switch.png)
+
+## Calendar
+
+![Calendar stats](../images/components/Calendar.png)
+
+## Slider
+
+![Slider stats](../images/components/Slider.png)
+
+## ColorPicker
+
+![ColorPicker stats](../images/components/ColorPicker.png)
+
+## Virtualizer
+
+![Virtualizer stats](../images/components/Virtualizer.png)
+
+## Coachmark
+
+![Coachmark stats](../images/components/Coachmark.png)
+
+## Popover
+
+![Popover stats](../images/components/Popover.png)
+
+## TeachingPopover
+
+![TeachingPopover stats](../images/components/TeachingPopover.png)
+
+## Skeleton
+
+![Skeleton stats](../images/components/Skeleton.png)
+
+## Dropdown
+
+![Dropdown stats](../images/components/Dropdown.png)
+
+## Tabs
+
+![Tabs stats](../images/components/Tabs.png)
+
+## MessageBar
+
+![MessageBar stats](../images/components/MessageBar.png)
+
+## Card
+
+![Card stats](../images/components/Card.png)
+
+## Pickers
+
+![Pickers stats](../images/components/Pickers.png)
+
+## DataGrid
+
+![DataGrid stats](../images/components/DataGrid.png)
+
+## Tree
+
+![Tree stats](../images/components/Tree.png)
+
+## MenuItem
+
+![MenuItem stats](../images/components/MenuItem.png)
+
+## Input
+
+![Input stats](../images/components/Input.png)
+
+## TagPicker
+
+![TagPicker stats](../images/components/TagPicker.png)
+
+## Portal
+
+![Portal stats](../images/components/Portal.png)
+
+## FocusTrapZone
+
+![FocusTrapZone stats](../images/components/FocusTrapZone.png)
+
+## Keytip
+
+![Keytip stats](../images/components/Keytip.png)
+
+## Toast
+
+![Toast stats](../images/components/Toast.png)
diff --git a/fluent-issues-monthly.ipynb b/fluent-issues-monthly.ipynb
diff --git a/fluent-issues.ipynb b/fluent-issues.ipynb
diff --git a/images/components/Accordion.png b/images/components/Accordion.png
diff --git a/images/components/ActivityItem.png b/images/components/ActivityItem.png
diff --git a/images/components/Avatar.png b/images/components/Avatar.png
diff --git a/images/components/Badge.png b/images/components/Badge.png
diff --git a/images/components/Button.png b/images/components/Button.png
diff --git a/images/components/Calendar.png b/images/components/Calendar.png
diff --git a/images/components/Card.png b/images/components/Card.png
diff --git a/images/components/Carousel.png b/images/components/Carousel.png
diff --git a/images/components/Checkbox.png b/images/components/Checkbox.png
diff --git a/images/components/Coachmark.png b/images/components/Coachmark.png
diff --git a/images/components/ColorPicker.png b/images/components/ColorPicker.png
diff --git a/images/components/ComboBox.png b/images/components/ComboBox.png
diff --git a/images/components/DataGrid.png b/images/components/DataGrid.png
diff --git a/images/components/DatePickerCompat.png b/images/components/DatePickerCompat.png
diff --git a/images/components/Dialog.png b/images/components/Dialog.png
diff --git a/images/components/DocumentCard.png b/images/components/DocumentCard.png
diff --git a/images/components/Drawer.png b/images/components/Drawer.png
diff --git a/images/components/Dropdown.png b/images/components/Dropdown.png
diff --git a/images/components/Field.png b/images/components/Field.png
diff --git a/images/components/FocusTrapZone.png b/images/components/FocusTrapZone.png
diff --git a/images/components/FocusZone.png b/images/components/FocusZone.png
diff --git a/images/components/HoverCard.png b/images/components/HoverCard.png
diff --git a/images/components/InfoLabel.png b/images/components/InfoLabel.png
diff --git a/images/components/Input.png b/images/components/Input.png
diff --git a/images/components/Keytip.png b/images/components/Keytip.png
diff --git a/images/components/List.png b/images/components/List.png
diff --git a/images/components/MarqueeSelection.png b/images/components/MarqueeSelection.png
diff --git a/images/components/Menu.png b/images/components/Menu.png
diff --git a/images/components/MenuItem.png b/images/components/MenuItem.png
diff --git a/images/components/MessageBar.png b/images/components/MessageBar.png
diff --git a/images/components/Nav.png b/images/components/Nav.png
diff --git a/images/components/PeoplePicker.png b/images/components/PeoplePicker.png
diff --git a/images/components/Persona.png b/images/components/Persona.png
diff --git a/images/components/Pickers.png b/images/components/Pickers.png
diff --git a/images/components/Popover.png b/images/components/Popover.png
diff --git a/images/components/Popup.png b/images/components/Popup.png
diff --git a/images/components/Portal.png b/images/components/Portal.png
diff --git a/images/components/Radio.png b/images/components/Radio.png
diff --git a/images/components/RadioGroup.png b/images/components/RadioGroup.png
diff --git a/images/components/SearchBox.png b/images/components/SearchBox.png
diff --git a/images/components/Skeleton.png b/images/components/Skeleton.png
diff --git a/images/components/Slider.png b/images/components/Slider.png
diff --git a/images/components/Spinner.png b/images/components/Spinner.png
diff --git a/images/components/SplitButton.png b/images/components/SplitButton.png
diff --git a/images/components/SwatchColorPicker.png b/images/components/SwatchColorPicker.png
diff --git a/images/components/Switch.png b/images/components/Switch.png
diff --git a/images/components/Table.png b/images/components/Table.png
diff --git a/images/components/Tabs.png b/images/components/Tabs.png
diff --git a/images/components/TagPicker.png b/images/components/TagPicker.png
diff --git a/images/components/TeachingPopover.png b/images/components/TeachingPopover.png
diff --git a/images/components/Textarea.png b/images/components/Textarea.png
diff --git a/images/components/TimePickerCompat.png b/images/components/TimePickerCompat.png
diff --git a/images/components/Toast.png b/images/components/Toast.png
diff --git a/images/components/Toolbar.png b/images/components/Toolbar.png
diff --git a/images/components/Tooltip.png b/images/components/Tooltip.png
diff --git a/images/components/Tree.png b/images/components/Tree.png
diff --git a/images/components/Virtualizer.png b/images/components/Virtualizer.png
diff --git a/images/stats-01.png b/images/stats-01.png
diff --git a/images/stats-02.png b/images/stats-02.png
diff --git a/images/stats-03.png b/images/stats-03.png
diff --git a/images/stats-06.png b/images/stats-06.png