guardian/interactive-style-library
Temporal Dependencies A temporal dependency occurs when developers change two or more files at the same time (i.e. they are a part of the same commit). |
Dependencies between components in same commits (primary)
The number on the lines shows the number of shared commits.
No temporal dependencies found.
Dependencies between files in same commits
The number on the lines shows the number of shared commits.
No temporal dependencies found.
No file pairs changed together.
Dependencies between components in same commits (primary)
The number on the lines shows the number of shared commits.
flowchart TB
n0["src"]
n1["scripts"]
n0 ---|"2"| n0
n0 ---|"1"| n1
classDef default fill:#00b2ee,stroke:#ffffff,color:#000000;
classDef highlighted fill:#00b2ee,stroke:#ffffff,color:#000000;
linkStyle 0 stroke:#a0a0a070,stroke-width:2px
linkStyle 1 stroke:#00688b5E,stroke-width:1px
Download:
Mermaid (.mmd)
(open online Mermaid editor)
Open 2D force graph (file dependencies)... Open 3D force graph (file dependencies)...
Dependencies between files in same commits
The number on the lines shows the number of shared commits.
Files Most Frequently Changed Together (Top 7)
| Pairs | # same commits | # commits 1 | # commits 2 | latest commit |
|---|---|---|---|---|
| src/vite/interactive-style-library.js src/vite/index.js |
1 | 1 (100%) | 2 (50%) | 2026-09-02 |
| src/components/preview/headline-numeric.html scripts/build-indexes.js |
1 | 2 (50%) | 9 (11%) | 2026-09-01 |
| src/components/preview/index.html scripts/build-indexes.js |
1 | 6 (16%) | 9 (11%) | 2026-09-01 |
| src/components/preview/index.html src/components/preview/headline-numeric.html |
1 | 6 (16%) | 2 (50%) | 2026-09-01 |
| src/source/generate/font-faces.js scripts/build-indexes.js |
1 | 2 (50%) | 9 (11%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/headline-numeric.html |
1 | 2 (50%) | 2 (50%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/index.html |
1 | 2 (50%) | 6 (16%) | 2026-09-01 |
Files from Different Folders Most Frequently Changed Together (Top 5)
| Pairs | # same commits | # commits 1 | # commits 2 | latest commit |
|---|---|---|---|---|
| src/components/preview/headline-numeric.html scripts/build-indexes.js |
1 | 2 (50%) | 9 (11%) | 2026-09-01 |
| src/components/preview/index.html scripts/build-indexes.js |
1 | 6 (16%) | 9 (11%) | 2026-09-01 |
| src/source/generate/font-faces.js scripts/build-indexes.js |
1 | 2 (50%) | 9 (11%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/headline-numeric.html |
1 | 2 (50%) | 2 (50%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/index.html |
1 | 2 (50%) | 6 (16%) | 2026-09-01 |
Dependencies between components in same commits (primary)
The number on the lines shows the number of shared commits.
flowchart TB
n0["src"]
n1["scripts"]
n0 ---|"4"| n0
n0 ---|"2"| n1
classDef default fill:#00b2ee,stroke:#ffffff,color:#000000;
classDef highlighted fill:#00b2ee,stroke:#ffffff,color:#000000;
linkStyle 0 stroke:#a0a0a093,stroke-width:4px
linkStyle 1 stroke:#00688b70,stroke-width:2px
Download:
Mermaid (.mmd)
(open online Mermaid editor)
Open 2D force graph (file dependencies)... Open 3D force graph (file dependencies)...
Dependencies between files in same commits
The number on the lines shows the number of shared commits.
Files Most Frequently Changed Together (Top 36)
| Pairs | # same commits | # commits 1 | # commits 2 | latest commit |
|---|---|---|---|---|
| src/components/preview/headline-numeric.html scripts/build-indexes.js |
2 | 2 (100%) | 9 (22%) | 2026-09-01 |
| src/vite/interactive-style-library.js src/vite/index.js |
1 | 1 (100%) | 2 (50%) | 2026-09-02 |
| src/components/preview/index.html scripts/build-indexes.js |
1 | 6 (16%) | 9 (11%) | 2026-09-01 |
| src/components/preview/index.html src/components/preview/headline-numeric.html |
1 | 6 (16%) | 2 (50%) | 2026-09-01 |
| src/source/generate/font-faces.js scripts/build-indexes.js |
1 | 2 (50%) | 9 (11%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/headline-numeric.html |
1 | 2 (50%) | 2 (50%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/index.html |
1 | 2 (50%) | 6 (16%) | 2026-09-01 |
| src/source/generate/typography.js src/vite/purge-unused-css.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/visuals/style-writer.js src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-09 |
| src/source/generate/palette.js src/vite/purge-unused-css.js |
1 | 6 (16%) | 5 (20%) | 2026-06-06 |
| src/source/generate/palette.js src/source/generate/typography.js |
1 | 6 (16%) | 5 (20%) | 2026-06-06 |
| src/components/preview/App.svelte src/vite/purge-unused-css.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/components/preview/App.svelte src/source/generate/typography.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/components/preview/App.svelte src/source/generate/palette.js |
1 | 5 (20%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/vite/purge-unused-css.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/source/generate/palette.js |
1 | 2 (50%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/components/preview/App.svelte |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/vite/purge-unused-css.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/source/generate/palette.js |
1 | 2 (50%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/components/preview/App.svelte |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/components/preview/playground/lib/ComponentPage.svelte |
1 | 2 (50%) | 2 (50%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/vite/purge-unused-css.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/source/generate/palette.js |
1 | 2 (50%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/components/preview/App.svelte |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/components/preview/playground/lib/ComponentPage.svelte |
1 | 2 (50%) | 2 (50%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/components/preview/playground/lib/ModifiersTable.svelte |
1 | 2 (50%) | 2 (50%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/vite/purge-unused-css.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/source/generate/typography.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/source/generate/palette.js |
1 | 5 (20%) | 6 (16%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/components/preview/App.svelte |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/components/preview/playground/lib/ComponentPage.svelte |
1 | 5 (20%) | 2 (50%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/components/preview/playground/lib/ModifiersTable.svelte |
1 | 5 (20%) | 2 (50%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/components/preview/playground/lib/Sidebar.svelte |
1 | 5 (20%) | 2 (50%) | 2026-06-06 |
Files from Different Folders Most Frequently Changed Together (Top 20)
| Pairs | # same commits | # commits 1 | # commits 2 | latest commit |
|---|---|---|---|---|
| src/components/preview/headline-numeric.html scripts/build-indexes.js |
2 | 2 (100%) | 9 (22%) | 2026-09-01 |
| src/components/preview/index.html scripts/build-indexes.js |
1 | 6 (16%) | 9 (11%) | 2026-09-01 |
| src/source/generate/font-faces.js scripts/build-indexes.js |
1 | 2 (50%) | 9 (11%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/headline-numeric.html |
1 | 2 (50%) | 2 (50%) | 2026-09-01 |
| src/source/generate/font-faces.js src/components/preview/index.html |
1 | 2 (50%) | 6 (16%) | 2026-09-01 |
| src/source/generate/typography.js src/vite/purge-unused-css.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/visuals/style-writer.js src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-09 |
| src/source/generate/palette.js src/vite/purge-unused-css.js |
1 | 6 (16%) | 5 (20%) | 2026-06-06 |
| src/components/preview/App.svelte src/vite/purge-unused-css.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/components/preview/App.svelte src/source/generate/typography.js |
1 | 5 (20%) | 5 (20%) | 2026-06-06 |
| src/components/preview/App.svelte src/source/generate/palette.js |
1 | 5 (20%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/vite/purge-unused-css.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/source/generate/palette.js |
1 | 2 (50%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/ComponentPage.svelte src/components/preview/App.svelte |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/vite/purge-unused-css.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/source/generate/typography.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/source/generate/palette.js |
1 | 2 (50%) | 6 (16%) | 2026-06-06 |
| src/components/preview/playground/lib/ModifiersTable.svelte src/components/preview/App.svelte |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
| src/components/preview/playground/lib/Sidebar.svelte src/vite/purge-unused-css.js |
1 | 2 (50%) | 5 (20%) | 2026-06-06 |
Dependencies between components in same commits (primary)
The number on the lines shows the number of shared commits.
flowchart TB
n0["src"]
n1["scripts"]
n0 ---|"26"| n0
n0 ---|"8"| n1
n1 ---|"2"| n1
classDef default fill:#00b2ee,stroke:#ffffff,color:#000000;
classDef highlighted fill:#00b2ee,stroke:#ffffff,color:#000000;
linkStyle 0 stroke:#a0a0a0FF,stroke-width:10px
linkStyle 1 stroke:#00688b82,stroke-width:3px
linkStyle 2 stroke:#a0a0a04C,stroke-width:1px
Download:
Mermaid (.mmd)
(open online Mermaid editor)
Open 2D force graph (file dependencies)... Open 3D force graph (file dependencies)...
Dependencies between files in same commits
The number on the lines shows the number of shared commits.
Files Most Frequently Changed Together (Top 50)
| Pairs | # same commits | # commits 1 | # commits 2 | latest commit |
|---|---|---|---|---|
| src/components/generate/label.js src/components/generate/button.js |
5 | 5 (100%) | 6 (83%) | 2026-02-19 |
| src/components/generate/text-input.js src/components/generate/button.js |
5 | 5 (100%) | 6 (83%) | 2026-02-19 |
| src/components/generate/text-input.js src/components/generate/label.js |
5 | 5 (100%) | 5 (100%) | 2026-02-19 |
| src/source/generate/palette.js src/source/generate/typography.js |
4 | 6 (66%) | 5 (80%) | 2026-06-06 |
| src/components/preview/playground/Label.svelte src/components/preview/playground/Button.svelte |
4 | 4 (100%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/Select.svelte src/components/preview/playground/Button.svelte |
4 | 6 (66%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/Select.svelte src/components/preview/playground/Label.svelte |
4 | 6 (66%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/TextInput.svelte src/components/preview/playground/Button.svelte |
4 | 4 (100%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/TextInput.svelte src/components/preview/playground/Label.svelte |
4 | 4 (100%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/TextInput.svelte src/components/preview/playground/Select.svelte |
4 | 4 (100%) | 6 (66%) | 2026-04-01 |
| src/components/preview/playground/Toggle.svelte src/components/preview/playground/Button.svelte |
4 | 4 (100%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/Toggle.svelte src/components/preview/playground/Label.svelte |
4 | 4 (100%) | 4 (100%) | 2026-04-01 |
| src/components/preview/playground/Toggle.svelte src/components/preview/playground/Select.svelte |
4 | 4 (100%) | 6 (66%) | 2026-04-01 |
| src/components/preview/playground/Toggle.svelte src/components/preview/playground/TextInput.svelte |
4 | 4 (100%) | 4 (100%) | 2026-04-01 |
| src/visuals/generate/colors-css-scss.js scripts/build-indexes.js |
4 | 6 (66%) | 9 (44%) | 2026-03-03 |
| src/visuals/generate/colors-js.js scripts/build-indexes.js |
4 | 5 (80%) | 9 (44%) | 2026-03-03 |
| src/visuals/generate/colors-js.js src/visuals/generate/colors-css-scss.js |
4 | 5 (80%) | 6 (66%) | 2026-03-03 |
| src/components/generate/select.js src/components/generate/button.js |
4 | 7 (57%) | 6 (66%) | 2026-02-18 |
| src/components/generate/label.js src/components/generate/select.js |
4 | 5 (80%) | 7 (57%) | 2026-02-18 |
| src/components/generate/text-input.js src/components/generate/select.js |
4 | 5 (80%) | 7 (57%) | 2026-02-18 |
| src/components/generate/checkbox.js src/components/generate/button.js |
4 | 5 (80%) | 6 (66%) | 2026-02-18 |
| src/components/generate/checkbox.js src/components/generate/select.js |
4 | 5 (80%) | 7 (57%) | 2026-02-18 |
| src/components/generate/checkbox.js src/components/generate/label.js |
4 | 5 (80%) | 5 (80%) | 2026-02-18 |
| src/components/generate/checkbox.js src/components/generate/text-input.js |
4 | 5 (80%) | 5 (80%) | 2026-02-18 |
| src/components/generate/icons.js src/components/generate/button.js |
4 | 4 (100%) | 6 (66%) | 2026-02-18 |
| src/components/generate/icons.js src/components/generate/select.js |
4 | 4 (100%) | 7 (57%) | 2026-02-18 |
| src/components/generate/icons.js src/components/generate/label.js |
4 | 4 (100%) | 5 (80%) | 2026-02-18 |
| src/components/generate/icons.js src/components/generate/text-input.js |
4 | 4 (100%) | 5 (80%) | 2026-02-18 |
| src/components/generate/icons.js src/components/generate/checkbox.js |
4 | 4 (100%) | 5 (80%) | 2026-02-18 |
| src/components/generate/spinner.js src/components/generate/button.js |
4 | 4 (100%) | 6 (66%) | 2026-02-18 |
| src/components/generate/spinner.js src/components/generate/select.js |
4 | 4 (100%) | 7 (57%) | 2026-02-18 |
| src/components/generate/spinner.js src/components/generate/label.js |
4 | 4 (100%) | 5 (80%) | 2026-02-18 |
| src/components/generate/spinner.js src/components/generate/text-input.js |
4 | 4 (100%) | 5 (80%) | 2026-02-18 |
| src/components/generate/spinner.js src/components/generate/checkbox.js |
4 | 4 (100%) | 5 (80%) | 2026-02-18 |
| src/components/generate/spinner.js src/components/generate/icons.js |
4 | 4 (100%) | 4 (100%) | 2026-02-18 |
| src/source/generate/breakpoints.js scripts/build-indexes.js |
3 | 6 (50%) | 9 (33%) | 2026-02-18 |
| src/source/generate/typography.js src/source/generate/breakpoints.js |
3 | 5 (60%) | 6 (50%) | 2026-02-18 |
| src/source/generate/palette.js scripts/build-indexes.js |
3 | 6 (50%) | 9 (33%) | 2026-02-18 |
| src/source/generate/palette.js src/source/generate/breakpoints.js |
3 | 6 (50%) | 6 (50%) | 2026-02-18 |
| src/components/preview/App.svelte src/components/preview/index.html |
3 | 5 (60%) | 6 (50%) | 2026-04-01 |
| src/visuals/generate/charts-css-scss.js src/source/generate/typography.js |
3 | 5 (60%) | 5 (60%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/source/generate/palette.js |
3 | 5 (60%) | 6 (50%) | 2026-06-06 |
| src/components/preview/playground/Spinner.svelte src/components/preview/playground/Button.svelte |
3 | 3 (100%) | 4 (75%) | 2026-04-01 |
| src/components/preview/playground/Spinner.svelte src/components/preview/playground/Label.svelte |
3 | 3 (100%) | 4 (75%) | 2026-04-01 |
| src/components/preview/playground/Spinner.svelte src/components/preview/playground/Select.svelte |
3 | 3 (100%) | 6 (50%) | 2026-04-01 |
| src/components/preview/playground/TextInput.svelte src/components/preview/playground/Spinner.svelte |
3 | 4 (75%) | 3 (100%) | 2026-04-01 |
| src/components/preview/playground/Toggle.svelte src/components/preview/playground/Spinner.svelte |
3 | 4 (75%) | 3 (100%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/App.svelte |
3 | 4 (75%) | 5 (60%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Button.svelte |
3 | 4 (75%) | 4 (75%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Label.svelte |
3 | 4 (75%) | 4 (75%) | 2026-04-01 |
Files from Different Folders Most Frequently Changed Together (Top 20)
| Pairs | # same commits | # commits 1 | # commits 2 | latest commit |
|---|---|---|---|---|
| src/visuals/generate/colors-css-scss.js scripts/build-indexes.js |
4 | 6 (66%) | 9 (44%) | 2026-03-03 |
| src/visuals/generate/colors-js.js scripts/build-indexes.js |
4 | 5 (80%) | 9 (44%) | 2026-03-03 |
| src/source/generate/breakpoints.js scripts/build-indexes.js |
3 | 6 (50%) | 9 (33%) | 2026-02-18 |
| src/source/generate/palette.js scripts/build-indexes.js |
3 | 6 (50%) | 9 (33%) | 2026-02-18 |
| src/visuals/generate/charts-css-scss.js src/source/generate/typography.js |
3 | 5 (60%) | 5 (60%) | 2026-06-06 |
| src/visuals/generate/charts-css-scss.js src/source/generate/palette.js |
3 | 5 (60%) | 6 (50%) | 2026-06-06 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/App.svelte |
3 | 4 (75%) | 5 (60%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Button.svelte |
3 | 4 (75%) | 4 (75%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Label.svelte |
3 | 4 (75%) | 4 (75%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Select.svelte |
3 | 4 (75%) | 6 (50%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Spinner.svelte |
3 | 4 (75%) | 3 (100%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/TextInput.svelte |
3 | 4 (75%) | 4 (75%) | 2026-04-01 |
| src/components/preview/playground/lib/Variant.svelte src/components/preview/playground/Toggle.svelte |
3 | 4 (75%) | 4 (75%) | 2026-04-01 |
| src/visuals/generate/colors-css-scss.js src/source/generate/palette.js |
3 | 6 (50%) | 6 (50%) | 2026-02-18 |
| src/visuals/generate/colors-js.js src/source/generate/palette.js |
3 | 5 (60%) | 6 (50%) | 2026-02-18 |
| src/components/generate/button.js scripts/build-indexes.js |
3 | 6 (50%) | 9 (33%) | 2026-02-18 |
| src/components/preview/playground/lib/ComponentPlayground.svelte src/components/preview/playground/Button.svelte |
3 | 3 (100%) | 4 (75%) | 2026-02-19 |
| src/components/preview/playground/lib/ComponentPlayground.svelte src/components/preview/playground/Label.svelte |
3 | 3 (100%) | 4 (75%) | 2026-02-19 |
| src/components/preview/playground/lib/ComponentPlayground.svelte src/components/preview/playground/Select.svelte |
3 | 3 (100%) | 6 (50%) | 2026-02-19 |
| src/components/preview/playground/lib/ComponentPlayground.svelte src/components/preview/playground/TextInput.svelte |
3 | 3 (100%) | 4 (75%) | 2026-02-19 |