guardian/interactive-component-library
File Size
The distribution of size of files (measured in lines of code).
File Size Overall
  • There are 250 files with 14,834 lines of code.
    • 0 very long files (0 lines of code)
    • 2 long files (1,343 lines of code)
    • 9 medium size files (2,931 lines of code)
    • 24 small files (3,276 lines of code)
    • 215 very small files (7,284 lines of code)
0% | 9% | 19% | 22% | 49%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: grouped by folders | grouped by size | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
scss0% | 26% | 35% | 5% | 33%
jsx0% | 9% | 8% | 37% | 44%
js0% | 0% | 33% | 12% | 54%
css0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 9% | 20% | 22% | 47%
.storybook0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
scripts0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
ukPartyColors.scss
in src/lib/styles/foundation
 683 -
map.stories.jsx
in src/lib/components/molecules/canvas-map
 660 -
column-chart-example.js
in src/lib/components/molecules/column-chart
 494 -
fonts.scss
in src/lib/styles/foundation
 376 -
simplify.js
in src/lib/components/molecules/canvas-map/lib/util
 357 8
TextLayerRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 323 9
euPartyColors.scss
in src/lib/styles/foundation
 321 -
svg-map.stories.jsx
in src/lib/components/molecules/svg-map
 321 -
Map.js
in src/lib/components/molecules/canvas-map/lib
 271 23
table.stories.jsx
in src/lib/components/molecules/table
 240 -
usPartyColors.scss
in src/lib/styles/foundation
 228 -
index.jsx
in src/lib/components/molecules/search-input
 188 -
index.jsx
in src/lib/components/molecules/dropdown
 178 -
View.js
in src/lib/components/molecules/canvas-map/lib
 166 20
index.jsx
in src/lib/components/particles/stacked-bar
 165 -
stacked-bar.stories.jsx
in src/lib/components/particles/stacked-bar
 162 -
dropdown.stories.jsx
in src/lib/components/molecules/dropdown
 160 -
index.jsx
in src/lib/components/molecules/tooltip
 156 -
ticker.stories.jsx
in src/lib/components/organisms/ticker
 152 -
index.jsx
in src/lib/components/organisms/coalitions-tracker
 149 -
index.jsx
in src/lib/components/molecules/slope-chart
 142 -
style.module.scss
in src/lib/components/organisms/ticker
 134 -
TextLayer.js
in src/lib/components/molecules/canvas-map/lib/layers
 130 8
useTable.jsx
in src/lib/components/molecules/table
 129 -
index.jsx
in src/lib/components/molecules/svg-map
 129 -
index.jsx
in src/lib/components/molecules/modal
 122 -
VectorLayer.js
in src/lib/components/molecules/canvas-map/lib/layers
 119 12
ticker.stories.jsx
in src/lib/components/organisms/ticker-v2
 119 -
stacked-grid.stories.jsx
in src/lib/components/particles/stacked-grid
 117 -
index.jsx
in src/lib/components/organisms/ticker
 113 -
MapContext.jsx
in src/lib/components/molecules/canvas-map/context
 111 -
Map.jsx
in src/lib/components/molecules/canvas-map
 111 -
index.jsx
in src/lib/components/molecules/option-picker
 109 -
page-section.stories.jsx
in src/lib/components/molecules/page-section
 108 -
Text.js
in src/lib/components/molecules/canvas-map/lib/styles
 107 4
useTouchOrHover.js
in src/lib/shared/hooks
 100 1
style.module.css
in src/lib/components/molecules/dropdown
 100 -
index.jsx
in src/lib/components/organisms/ticker-v2
 100 -
index.jsx
in src/lib/components/molecules/table
 99 -
interpolateFeatures.js
in src/lib/components/molecules/canvas-map/lib/interpolators
 99 1
preview.js
in .storybook
 98 -
GeoJSON.js
in src/lib/components/molecules/canvas-map/lib/formats
 98 7
style.module.scss
in src/lib/components/molecules/topline-result
 92 -
Feature.js
in src/lib/components/molecules/canvas-map/lib
 92 9
FeatureRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 91 8
theme.config.js
in src/lib/styles
 88 -
ad-slot.stories.jsx
in src/lib/components/particles/ad-slot
 86 -
SVGMapProvider.jsx
in src/lib/components/molecules/svg-map/context
 85 -
extent.js
in src/lib/components/molecules/canvas-map/lib/util
 82 12
index.jsx
in src/lib/components/particles/waffle
 81 -
Large Files That Change Often (Top 20)
To change a file, an AI coding agent (or a person) has to read it: these files are read the most for the changes in the past year (lines × changes).
File# lines≈ tokens
to read		# changes
(1y)		≈ lines edited
per change		lines read per
line changed
ukPartyColors.scss
in src/lib/styles/foundation
 683 ~3k–10k 2 ~300 ~2
View.js
in src/lib/components/molecules/canvas-map/lib
 166 ~1k–3k 3 ~30 ~7
index.jsx
in src/lib/components/molecules/modal
 122 ~700–2k 4 ~15 ~7
Map.js
in src/lib/components/molecules/canvas-map/lib
 271 ~1.5k–5k 1 ~30 ~7
index.jsx
in src/lib/components/molecules/search-input
 188 ~1k–3k 1 ~20 ~7
index.jsx
in src/lib/components/molecules/result-summary
 55 ~300–1k 3 ~10 ~5
index.jsx
in src/lib/components/particles/stacked-bar
 165 ~1k–3k 1 ~30 ~7
stacked-bar.stories.jsx
in src/lib/components/particles/stacked-bar
 162 ~1k–3k 1 ~50 ~3
index.jsx
in src/lib/components/molecules/tooltip
 156 ~1k–3k 1 ~30 ~5
index.jsx
in src/lib/components/molecules/slope-chart
 142 ~700–2k 1 ~30 ~5
style.module.scss
in src/lib/components/molecules/page-section
 68 ~300–1k 2 ~30 ~2
style.module.css
in src/lib/components/molecules/party-profile
 65 ~300–1k 2 ~20 ~3
Map.jsx
in src/lib/components/molecules/canvas-map
 111 ~700–2k 1 ~20 ~5
page-section.stories.jsx
in src/lib/components/molecules/page-section
 108 ~700–2k 1 ~30 ~5
index.jsx
in src/lib/components/organisms/ticker-v2
 100 ~700–1.5k 1 ~70 ~2
index.jsx
in src/lib/components/molecules/topline-result
 73 ~500–1.5k 1 ~15 ~5
ZoomControl.jsx
in src/lib/components/molecules/canvas-map/controls
 61 ~300–1k 1 ~15 ~3
index.jsx
in src/lib/components/molecules/page-section
 59 ~300–1k 1 ~15 ~5
style.module.css
in src/lib/components/molecules/modal
 55 ~300–1k 1 ~15 ~3
style.module.css
in src/lib/components/molecules/slope-chart
 38 under 1k 1 ~7 ~5

Tokens are lines × 7 to 14 (analysis.fileReadsForChanges). Lines edited per change are the file's lines added and deleted divided by its commits over the whole history. Agents read about 2,000 lines at a time: when a 17,000-line file was split into modules, the tokens an agent read for the same change fell by 83% (The Economic Benefit of Refactoring, 2026).

Files With Most Units (Top 50)
File# lines# units
Map.js
in src/lib/components/molecules/canvas-map/lib
 271 23
View.js
in src/lib/components/molecules/canvas-map/lib
 166 20
VectorLayer.js
in src/lib/components/molecules/canvas-map/lib/layers
 119 12
extent.js
in src/lib/components/molecules/canvas-map/lib/util
 82 12
TextLayerRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 323 9
Feature.js
in src/lib/components/molecules/canvas-map/lib
 92 9
FeatureRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 91 8
TextLayer.js
in src/lib/components/molecules/canvas-map/lib/layers
 130 8
simplify.js
in src/lib/components/molecules/canvas-map/lib/util
 357 8
GeoJSON.js
in src/lib/components/molecules/canvas-map/lib/formats
 98 7
interpolateStyles.js
in src/lib/components/molecules/canvas-map/lib/interpolators
 73 7
VectorSource.js
in src/lib/components/molecules/canvas-map/lib/sources
 51 6
Polygon.js
in src/lib/components/molecules/canvas-map/lib/geometry
 43 6
createStore.js
in src/lib/shared/helpers
 44 5
size.js
in src/lib/components/molecules/canvas-map/lib/util
 63 5
labelsUtil.js
in src/lib/shared/helpers
 69 4
deflate.js
in src/lib/components/molecules/canvas-map/lib/util
 68 4
bounds.js
in src/lib/components/molecules/canvas-map/lib/util
 51 4
Text.js
in src/lib/components/molecules/canvas-map/lib/styles
 107 4
Dispatcher.js
in src/lib/components/molecules/canvas-map/lib/events
 32 4
geometry.js
in src/lib/shared/helpers
 35 3
MapRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 72 3
Fill.js
in src/lib/components/molecules/canvas-map/lib/styles
 21 3
Geometry.js
in src/lib/components/molecules/canvas-map/lib/geometry
 18 3
geoMath.js
in src/lib/components/molecules/svg-map/helpers
 46 3
69 2
index.js
in src/lib/shared/colors
 24 2
useWindowSize.js
in src/lib/shared/hooks
 25 2
shouldUpdate.js
in src/lib/shared/helpers
 13 2
coordinate.js
in src/lib/components/molecules/canvas-map/lib/util
 23 2
debug.js
in src/lib/components/molecules/canvas-map/lib/util
 22 2
FeatureCollection.js
in src/lib/components/molecules/canvas-map/lib
 10 2
Stroke.js
in src/lib/components/molecules/canvas-map/lib/styles
 18 2
Style.js
in src/lib/components/molecules/canvas-map/lib/styles
 16 2
LineString.js
in src/lib/components/molecules/canvas-map/lib/geometry
 16 2
Point.js
in src/lib/components/molecules/canvas-map/lib/geometry
 19 2
main.js
in .storybook
 47 1
useContainerSize.js
in src/lib/shared/hooks
 25 1
useTouchOrHover.js
in src/lib/shared/hooks
 100 1
mergeStyles.js
in src/lib/styles/helpers
 19 1
VectorLayerRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 35 1
bboxFeature.js
in src/lib/components/molecules/canvas-map/lib/util
 21 1
toRgba.js
in src/lib/components/molecules/canvas-map/lib/util
 25 1
array.js
in src/lib/components/molecules/canvas-map/lib/util
 12 1
resolution.js
in src/lib/components/molecules/canvas-map/lib/util
 14 1
memoise.js
in src/lib/components/molecules/canvas-map/lib/util
 17 1
dom.js
in src/lib/components/molecules/canvas-map/lib/util
 25 1
uid.js
in src/lib/components/molecules/canvas-map/lib/util
 4 1
zoomLevel.js
in src/lib/components/molecules/canvas-map/lib/util
 9 1
HashPattern.js
in src/lib/components/molecules/canvas-map/lib/styles
 79 1
Files With Long Lines (Top 18)

There are 18 files with lines longer than 120 characters. In total, there are 19 long lines.

File# lines# units# long lines
index.jsx
in src/lib/components/organisms/ticker
 113 - 2
69 2 1
index.jsx
in src/lib/components/molecules/option-picker
 109 - 1
index.jsx
in src/lib/components/molecules/dropdown
 178 - 1
table.stories.jsx
in src/lib/components/molecules/table
 240 - 1
search.jsx
in src/lib/components/molecules/search-input/icons
 17 - 1
plus.jsx
in src/lib/components/molecules/canvas-map/controls/icons
 18 - 1
reset.jsx
in src/lib/components/molecules/canvas-map/controls/icons
 18 - 1
FeatureRenderer.js
in src/lib/components/molecules/canvas-map/lib/renderers
 91 8 1
index.jsx
in src/lib/components/particles/arrow-button
 33 - 1
index.jsx
in src/lib/components/particles/chevron
 76 - 1
index.jsx
in src/lib/components/particles/info-button
 27 - 1
index.jsx
in src/lib/components/particles/square-cut-corner-icon
 45 - 1
index.jsx
in src/lib/components/particles/circle-icon
 46 - 1
index.jsx
in src/lib/components/particles/stacked-bar
 165 - 1
index.jsx
in src/lib/components/particles/close-button
 33 - 1
index.jsx
in src/lib/components/particles/gradient-icon
 35 - 1
coalitions-tracker.stories.jsx
in src/lib/components/organisms/coalitions-tracker
 73 - 1
Correlations

File Size vs. Commits (all time): 250 points

src/lib/styles/foundation/ukPartyColors.scss x: 3 commits (all time) y: 683 lines of code src/lib/components/molecules/canvas-map/Map.jsx x: 19 commits (all time) y: 111 lines of code src/lib/components/molecules/modal/index.jsx x: 15 commits (all time) y: 122 lines of code src/lib/components/particles/stacked-bar/index.jsx x: 19 commits (all time) y: 165 lines of code src/lib/components/particles/stacked-bar/stacked-bar.stories.jsx x: 5 commits (all time) y: 162 lines of code src/lib/components/molecules/canvas-map/controls/ZoomControl.jsx x: 5 commits (all time) y: 61 lines of code src/lib/components/molecules/search-input/index.jsx x: 13 commits (all time) y: 188 lines of code src/lib/components/molecules/result-summary/index.jsx x: 10 commits (all time) y: 55 lines of code src/lib/components/organisms/ticker-v2/index.jsx x: 2 commits (all time) y: 100 lines of code src/lib/components/molecules/tooltip/index.jsx x: 21 commits (all time) y: 156 lines of code src/lib/components/molecules/topline-result/index.jsx x: 19 commits (all time) y: 73 lines of code src/lib/components/particles/arrow-button/index.jsx x: 4 commits (all time) y: 33 lines of code src/lib/components/particles/info-button/index.jsx x: 7 commits (all time) y: 27 lines of code src/lib/components/molecules/modal/style.inline.module.css x: 1 commits (all time) y: 31 lines of code src/lib/components/molecules/modal/style.module.css x: 8 commits (all time) y: 55 lines of code src/lib/components/molecules/canvas-map/lib/Map.js x: 25 commits (all time) y: 271 lines of code src/lib/components/molecules/page-section/style.module.scss x: 15 commits (all time) y: 68 lines of code src/lib/components/molecules/slope-chart/index.jsx x: 16 commits (all time) y: 142 lines of code src/lib/components/molecules/slope-chart/style.module.css x: 8 commits (all time) y: 38 lines of code src/lib/components/molecules/party-profile/style.module.css x: 8 commits (all time) y: 65 lines of code src/lib/components/molecules/canvas-map/lib/View.js x: 20 commits (all time) y: 166 lines of code src/lib/components/molecules/control-change/index.jsx x: 11 commits (all time) y: 24 lines of code src/lib/components/molecules/control-change/style.module.css x: 6 commits (all time) y: 13 lines of code src/lib/components/molecules/page-section/index.jsx x: 10 commits (all time) y: 59 lines of code src/lib/components/molecules/page-section/page-section.stories.jsx x: 6 commits (all time) y: 108 lines of code src/lib/components/molecules/page-section/stories.module.scss x: 6 commits (all time) y: 14 lines of code src/lib/styles/main.scss x: 13 commits (all time) y: 24 lines of code src/lib/components/organisms/index.js x: 6 commits (all time) y: 3 lines of code src/lib/components/organisms/ticker-v2/Gradient.jsx x: 1 commits (all time) y: 40 lines of code src/lib/components/organisms/ticker-v2/stories.module.scss x: 1 commits (all time) y: 47 lines of code src/lib/components/organisms/ticker-v2/style.module.scss x: 1 commits (all time) y: 63 lines of code src/lib/components/organisms/ticker-v2/ticker.stories.jsx x: 1 commits (all time) y: 119 lines of code src/lib/components/molecules/party-profile/index.jsx x: 6 commits (all time) y: 31 lines of code src/lib/components/molecules/topline-result/style.module.scss x: 12 commits (all time) y: 92 lines of code src/lib/components/molecules/column-chart/index.jsx x: 7 commits (all time) y: 66 lines of code .storybook/main.js x: 14 commits (all time) y: 47 lines of code src/lib/components/molecules/canvas-map/lib/sources/VectorSource.js x: 10 commits (all time) y: 51 lines of code src/lib/components/molecules/canvas-map/lib/styles/HashPattern.js x: 2 commits (all time) y: 79 lines of code src/lib/components/molecules/canvas-map/lib/util/bounds.js x: 3 commits (all time) y: 51 lines of code src/lib/components/molecules/canvas-map/lib/util/resolution.js x: 4 commits (all time) y: 14 lines of code src/lib/components/molecules/refresh-indicator/style.module.scss x: 2 commits (all time) y: 31 lines of code src/lib/components/molecules/canvas-map/lib/renderers/MapRenderer.js x: 8 commits (all time) y: 72 lines of code src/lib/components/molecules/canvas-map/lib/layers/TextLayer.js x: 15 commits (all time) y: 130 lines of code src/lib/components/molecules/canvas-map/lib/util/toRgba.js x: 2 commits (all time) y: 25 lines of code src/lib/components/molecules/canvas-map/lib/renderers/VectorLayerRenderer.js x: 8 commits (all time) y: 35 lines of code src/lib/components/molecules/canvas-map/lib/renderers/FeatureRenderer.js x: 15 commits (all time) y: 91 lines of code src/lib/components/molecules/result-summary/result-summary.stories.jsx x: 5 commits (all time) y: 48 lines of code src/lib/components/molecules/result-summary/style.module.css x: 7 commits (all time) y: 42 lines of code src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js x: 14 commits (all time) y: 323 lines of code src/lib/components/molecules/option-picker/index.jsx x: 4 commits (all time) y: 109 lines of code src/lib/components/molecules/canvas-map/lib/layers/VectorLayer.js x: 14 commits (all time) y: 119 lines of code src/lib/styles/foundation/usPartyColors.scss x: 6 commits (all time) y: 228 lines of code src/lib/components/molecules/canvas-map/lib/styles/Text.js x: 10 commits (all time) y: 107 lines of code src/lib/components/molecules/canvas-map/map.stories.jsx x: 27 commits (all time) y: 660 lines of code src/lib/components/molecules/svg-map/index.jsx x: 7 commits (all time) y: 129 lines of code src/lib/components/molecules/canvas-map/lib/styles/Style.js x: 9 commits (all time) y: 16 lines of code src/lib/components/molecules/canvas-map/lib/Feature.js x: 7 commits (all time) y: 92 lines of code src/lib/components/organisms/ticker/index.jsx x: 24 commits (all time) y: 113 lines of code src/lib/components/molecules/canvas-map/context/MapContext.jsx x: 4 commits (all time) y: 111 lines of code src/lib/components/particles/relative-time-sentence/index.jsx x: 4 commits (all time) y: 11 lines of code src/lib/components/organisms/ticker/style.module.scss x: 11 commits (all time) y: 134 lines of code src/lib/components/molecules/option-picker/style.module.css x: 4 commits (all time) y: 68 lines of code src/lib/components/organisms/ticker/lib/helpers/tickerHelper.js x: 1 commits (all time) y: 22 lines of code src/lib/components/organisms/ticker/ticker.stories.jsx x: 13 commits (all time) y: 152 lines of code src/lib/components/particles/circle-icon/index.jsx x: 9 commits (all time) y: 46 lines of code src/lib/components/particles/circle-icon/circle-icon.stories.jsx x: 7 commits (all time) y: 24 lines of code src/lib/shared/hooks/useContainerSize.js x: 3 commits (all time) y: 25 lines of code src/lib/components/molecules/canvas-map/lib/styles/Fill.js x: 4 commits (all time) y: 21 lines of code src/lib/components/molecules/canvas-map/lib/styles/index.js x: 2 commits (all time) y: 5 lines of code vite.config.js x: 21 commits (all time) y: 69 lines of code src/lib/shared/helpers/labelsUtil.js x: 10 commits (all time) y: 69 lines of code src/lib/components/molecules/canvas-map/lib/util/extent.js x: 4 commits (all time) y: 82 lines of code src/lib/components/molecules/option-picker/option-picker.stories.jsx x: 3 commits (all time) y: 68 lines of code src/lib/components/molecules/index.js x: 23 commits (all time) y: 18 lines of code src/lib/components/molecules/canvas-map/lib/FeatureCollection.js x: 3 commits (all time) y: 10 lines of code src/lib/components/molecules/canvas-map/lib/geometry/Geometry.js x: 3 commits (all time) y: 18 lines of code src/lib/components/molecules/canvas-map/lib/util/bboxFeature.js x: 3 commits (all time) y: 21 lines of code src/lib/components/molecules/canvas-map/lib/util/index.js x: 1 commits (all time) y: 6 lines of code src/lib/components/molecules/canvas-map/lib/formats/GeoJSON.js x: 5 commits (all time) y: 98 lines of code src/lib/shared/hooks/useTouchOrHover.js x: 3 commits (all time) y: 100 lines of code src/lib/components/molecules/canvas-map/lib/styles/Stroke.js x: 5 commits (all time) y: 18 lines of code src/lib/components/molecules/canvas-map/controls/controls.stories.jsx x: 4 commits (all time) y: 17 lines of code .storybook/preview.scss x: 9 commits (all time) y: 65 lines of code src/lib/components/molecules/canvas-map/lib/util/debug.js x: 3 commits (all time) y: 22 lines of code src/lib/components/molecules/canvas-map/lib/util/size.js x: 6 commits (all time) y: 63 lines of code src/lib/components/molecules/canvas-map/lib/geometry/LineString.js x: 2 commits (all time) y: 16 lines of code src/lib/components/molecules/canvas-map/lib/geometry/Polygon.js x: 2 commits (all time) y: 43 lines of code src/lib/components/molecules/canvas-map/lib/interpolators/interpolateFeatures.js x: 3 commits (all time) y: 99 lines of code src/lib/components/particles/aspect-ratio-box/aspect-ratio-box.stories.jsx x: 1 commits (all time) y: 43 lines of code src/lib/components/particles/aspect-ratio-box/index.jsx x: 1 commits (all time) y: 13 lines of code src/lib/components/particles/aspect-ratio-box/style.module.css x: 1 commits (all time) y: 18 lines of code .storybook/preview.js x: 11 commits (all time) y: 98 lines of code .storybook/blocks/Hint.jsx x: 4 commits (all time) y: 10 lines of code src/lib/components/particles/gradient-icon/style.module.css x: 5 commits (all time) y: 15 lines of code src/lib/components/molecules/canvas-map/lib/layers/index.js x: 2 commits (all time) y: 2 lines of code src/lib/components/molecules/svg-map/layers/line.stories.jsx x: 4 commits (all time) y: 52 lines of code src/lib/components/molecules/svg-map/layers/point.stories.jsx x: 4 commits (all time) y: 55 lines of code src/lib/components/molecules/svg-map/layers/polygon.stories.jsx x: 4 commits (all time) y: 49 lines of code src/lib/components/molecules/svg-map/layers/prerendered.stories.jsx x: 4 commits (all time) y: 38 lines of code src/lib/components/molecules/svg-map/context/SVGMapProvider.jsx x: 3 commits (all time) y: 85 lines of code src/lib/components/molecules/svg-map/layers/Line.jsx x: 3 commits (all time) y: 48 lines of code src/lib/styles/theme.config.js x: 5 commits (all time) y: 88 lines of code src/lib/components/molecules/first-past-the-post-waffle/firstpastthepostwaffle.stories.jsx x: 3 commits (all time) y: 54 lines of code src/lib/components/molecules/dropdown/index.jsx x: 11 commits (all time) y: 178 lines of code src/lib/components/molecules/first-past-the-post-waffle/index.jsx x: 3 commits (all time) y: 14 lines of code src/lib/components/molecules/svg-map/layers/Polygon.jsx x: 4 commits (all time) y: 75 lines of code src/lib/components/particles/ad-slot/index.jsx x: 5 commits (all time) y: 62 lines of code src/lib/components/particles/chevron/index.jsx x: 7 commits (all time) y: 76 lines of code src/lib/components/particles/gradient-icon/index.jsx x: 14 commits (all time) y: 35 lines of code src/lib/components/particles/waffle/index.jsx x: 5 commits (all time) y: 81 lines of code scripts/generateStyles.js x: 4 commits (all time) y: 62 lines of code src/lib/components/index.js x: 5 commits (all time) y: 3 lines of code src/lib/components/molecules/canvas-map/lib/interpolators/interpolateStyles.js x: 3 commits (all time) y: 73 lines of code src/lib/components/molecules/canvas-map/lib/util/deflate.js x: 2 commits (all time) y: 68 lines of code src/lib/components/molecules/canvas-map/lib/util/distance.js x: 3 commits (all time) y: 13 lines of code src/lib/components/molecules/canvas-map/lib/util/simplify.js x: 2 commits (all time) y: 357 lines of code src/lib/components/molecules/column-chart/column-chart-example.js x: 2 commits (all time) y: 494 lines of code src/lib/components/molecules/control-change/control-change.stories.jsx x: 5 commits (all time) y: 55 lines of code src/lib/components/molecules/first-past-the-post-waffle/style.module.css x: 2 commits (all time) y: 21 lines of code src/lib/components/molecules/modal/modal.stories.jsx x: 2 commits (all time) y: 72 lines of code src/lib/components/molecules/party-profile/party-profile.stories.jsx x: 4 commits (all time) y: 32 lines of code src/lib/components/molecules/responsive-grid/index.jsx x: 2 commits (all time) y: 22 lines of code src/lib/components/molecules/responsive-grid/style.module.scss x: 2 commits (all time) y: 54 lines of code src/lib/components/molecules/svg-map/helpers/geoMath.js x: 2 commits (all time) y: 46 lines of code src/lib/components/molecules/svg-map/layers/Point.jsx x: 2 commits (all time) y: 58 lines of code src/lib/components/molecules/svg-map/renderers/SVGRenderer.jsx x: 2 commits (all time) y: 29 lines of code src/lib/components/molecules/svg-map/svg-map.stories.jsx x: 2 commits (all time) y: 321 lines of code src/lib/components/molecules/table/index.jsx x: 21 commits (all time) y: 99 lines of code src/lib/components/molecules/table/table.stories.jsx x: 22 commits (all time) y: 240 lines of code src/lib/components/molecules/table/useTable.jsx x: 19 commits (all time) y: 129 lines of code src/lib/components/molecules/tooltip/tooltip.stories.jsx x: 14 commits (all time) y: 72 lines of code src/lib/components/molecules/topline-result/topline-result.stories.jsx x: 13 commits (all time) y: 54 lines of code src/lib/components/organisms/coalitions-tracker/coalitions-tracker.stories.jsx x: 5 commits (all time) y: 73 lines of code src/lib/components/organisms/coalitions-tracker/index.jsx x: 12 commits (all time) y: 149 lines of code src/lib/components/organisms/ticker/gradient/index.jsx x: 3 commits (all time) y: 29 lines of code src/lib/components/particles/ad-slot/ad-slot.stories.jsx x: 4 commits (all time) y: 86 lines of code src/lib/components/particles/change-bar/index.jsx x: 5 commits (all time) y: 36 lines of code src/lib/components/particles/container/style.module.scss x: 5 commits (all time) y: 32 lines of code src/lib/components/particles/gradient-icon/gradient-icon.stories.jsx x: 4 commits (all time) y: 47 lines of code src/lib/components/particles/legend-item/index.jsx x: 9 commits (all time) y: 24 lines of code src/lib/components/particles/legend-item/legenditem.stories.jsx x: 7 commits (all time) y: 18 lines of code src/lib/components/particles/relative-time-sentence/relative-time-sentence.stories.jsx x: 2 commits (all time) y: 10 lines of code src/lib/components/particles/square-cut-corner-icon/index.jsx x: 4 commits (all time) y: 45 lines of code src/lib/components/particles/stacked-grid/index.jsx x: 3 commits (all time) y: 34 lines of code src/lib/components/particles/stacked-grid/stacked-grid.stories.jsx x: 3 commits (all time) y: 117 lines of code src/lib/components/particles/waffle/style.module.css x: 2 commits (all time) y: 7 lines of code src/lib/shared/helpers/createStore.js x: 3 commits (all time) y: 44 lines of code src/lib/shared/helpers/geometry.js x: 2 commits (all time) y: 35 lines of code src/lib/styles/foundation/fonts.scss x: 3 commits (all time) y: 376 lines of code src/lib/shared/helpers/shouldUpdate.js x: 2 commits (all time) y: 13 lines of code src/lib/components/molecules/canvas-map/lib/events/MapEvent.js x: 3 commits (all time) y: 6 lines of code src/lib/components/molecules/canvas-map/style.module.scss x: 5 commits (all time) y: 39 lines of code src/lib/components/particles/stacked-bar/style.module.css x: 6 commits (all time) y: 17 lines of code src/lib/components/molecules/table/style.module.scss x: 5 commits (all time) y: 57 lines of code src/lib/components/molecules/slope-chart/slopechart.stories.jsx x: 7 commits (all time) y: 32 lines of code src/lib/styles/foundation/colors.scss x: 8 commits (all time) y: 61 lines of code src/lib/shared/hooks/useWindowSize.js x: 5 commits (all time) y: 25 lines of code src/lib/components/molecules/svg-map/context/MapContext.js x: 1 commits (all time) y: 2 lines of code src/lib/components/molecules/svg-map/helpers/saveSVG.js x: 1 commits (all time) y: 9 lines of code src/lib/components/molecules/svg-map/layers/compositionBorders.module.scss x: 1 commits (all time) y: 4 lines of code src/lib/components/molecules/svg-map/stories.module.css x: 1 commits (all time) y: 36 lines of code src/lib/components/molecules/canvas-map/controls/style.module.css x: 1 commits (all time) y: 25 lines of code src/lib/components/molecules/dropdown/dropdown.stories.jsx x: 7 commits (all time) y: 160 lines of code src/lib/components/molecules/dropdown/style.module.css x: 6 commits (all time) y: 100 lines of code src/lib/styles/foundation/euPartyColors.scss x: 8 commits (all time) y: 321 lines of code src/lib/components/organisms/coalitions-tracker/style.module.scss x: 7 commits (all time) y: 49 lines of code src/lib/components/particles/button/style.module.css x: 5 commits (all time) y: 24 lines of code src/lib/components/particles/info-button/style.module.css x: 4 commits (all time) y: 23 lines of code .storybook/blocks/hint.module.css x: 1 commits (all time) y: 16 lines of code src/lib/components/particles/legend-item/style.module.css x: 6 commits (all time) y: 20 lines of code
683.0
lines of code
  min: 1.0
  average: 59.34
  25th percentile: 15.75
  median: 31.5
  75th percentile: 68.25
  max: 683.0
0 27.0
commits (all time)
min: 1.0 | average: 5.43 | 25th percentile: 2.0 | median: 4.0 | 75th percentile: 6.25 | max: 27.0

File Size vs. Contributors (all time): 250 points

src/lib/styles/foundation/ukPartyColors.scss x: 3 contributors (all time) y: 683 lines of code src/lib/components/molecules/canvas-map/Map.jsx x: 3 contributors (all time) y: 111 lines of code src/lib/components/molecules/modal/index.jsx x: 3 contributors (all time) y: 122 lines of code src/lib/components/particles/stacked-bar/index.jsx x: 3 contributors (all time) y: 165 lines of code src/lib/components/particles/stacked-bar/stacked-bar.stories.jsx x: 3 contributors (all time) y: 162 lines of code src/lib/components/molecules/canvas-map/controls/ZoomControl.jsx x: 3 contributors (all time) y: 61 lines of code src/lib/components/molecules/search-input/index.jsx x: 3 contributors (all time) y: 188 lines of code src/lib/components/molecules/result-summary/index.jsx x: 3 contributors (all time) y: 55 lines of code src/lib/components/organisms/ticker-v2/index.jsx x: 1 contributors (all time) y: 100 lines of code src/lib/components/molecules/tooltip/index.jsx x: 3 contributors (all time) y: 156 lines of code src/lib/components/molecules/topline-result/index.jsx x: 4 contributors (all time) y: 73 lines of code src/lib/components/particles/arrow-button/index.jsx x: 2 contributors (all time) y: 33 lines of code src/lib/components/particles/info-button/index.jsx x: 2 contributors (all time) y: 27 lines of code src/lib/components/molecules/modal/style.inline.module.css x: 1 contributors (all time) y: 31 lines of code src/lib/components/molecules/modal/style.module.css x: 4 contributors (all time) y: 55 lines of code src/lib/components/molecules/canvas-map/lib/Map.js x: 4 contributors (all time) y: 271 lines of code src/lib/components/molecules/page-section/style.module.scss x: 3 contributors (all time) y: 68 lines of code src/lib/components/molecules/slope-chart/index.jsx x: 3 contributors (all time) y: 142 lines of code src/lib/components/molecules/slope-chart/style.module.css x: 3 contributors (all time) y: 38 lines of code src/lib/components/molecules/party-profile/style.module.css x: 4 contributors (all time) y: 65 lines of code src/lib/components/molecules/control-change/index.jsx x: 4 contributors (all time) y: 24 lines of code src/lib/components/molecules/control-change/style.module.css x: 4 contributors (all time) y: 13 lines of code src/lib/components/molecules/page-section/index.jsx x: 3 contributors (all time) y: 59 lines of code src/lib/components/molecules/page-section/page-section.stories.jsx x: 2 contributors (all time) y: 108 lines of code src/lib/components/molecules/page-section/stories.module.scss x: 3 contributors (all time) y: 14 lines of code src/lib/styles/main.scss x: 5 contributors (all time) y: 24 lines of code src/lib/components/organisms/index.js x: 3 contributors (all time) y: 3 lines of code src/lib/components/organisms/ticker-v2/Gradient.jsx x: 1 contributors (all time) y: 40 lines of code src/lib/components/organisms/ticker-v2/stories.module.scss x: 1 contributors (all time) y: 47 lines of code src/lib/components/organisms/ticker-v2/style.module.scss x: 1 contributors (all time) y: 63 lines of code src/lib/components/organisms/ticker-v2/ticker.stories.jsx x: 1 contributors (all time) y: 119 lines of code src/lib/components/molecules/party-profile/index.jsx x: 4 contributors (all time) y: 31 lines of code src/lib/components/molecules/topline-result/style.module.scss x: 5 contributors (all time) y: 92 lines of code .storybook/main.js x: 3 contributors (all time) y: 47 lines of code src/lib/components/molecules/canvas-map/lib/sources/VectorSource.js x: 3 contributors (all time) y: 51 lines of code src/lib/components/molecules/canvas-map/lib/styles/HashPattern.js x: 1 contributors (all time) y: 79 lines of code src/lib/components/molecules/canvas-map/lib/util/bounds.js x: 1 contributors (all time) y: 51 lines of code src/lib/components/molecules/canvas-map/lib/util/resolution.js x: 2 contributors (all time) y: 14 lines of code src/lib/components/molecules/refresh-indicator/style.module.scss x: 2 contributors (all time) y: 31 lines of code src/lib/components/molecules/canvas-map/lib/renderers/MapRenderer.js x: 2 contributors (all time) y: 72 lines of code src/lib/components/molecules/canvas-map/lib/layers/TextLayer.js x: 3 contributors (all time) y: 130 lines of code src/lib/components/molecules/canvas-map/lib/util/toRgba.js x: 1 contributors (all time) y: 25 lines of code src/lib/components/molecules/canvas-map/lib/renderers/VectorLayerRenderer.js x: 2 contributors (all time) y: 35 lines of code src/lib/components/molecules/canvas-map/lib/renderers/FeatureRenderer.js x: 3 contributors (all time) y: 91 lines of code src/lib/components/molecules/result-summary/result-summary.stories.jsx x: 2 contributors (all time) y: 48 lines of code src/lib/components/molecules/result-summary/style.module.css x: 2 contributors (all time) y: 42 lines of code src/lib/components/molecules/canvas-map/lib/renderers/TextLayerRenderer.js x: 3 contributors (all time) y: 323 lines of code src/lib/components/molecules/option-picker/index.jsx x: 1 contributors (all time) y: 109 lines of code src/lib/components/molecules/canvas-map/lib/layers/VectorLayer.js x: 3 contributors (all time) y: 119 lines of code src/lib/styles/foundation/usPartyColors.scss x: 3 contributors (all time) y: 228 lines of code src/lib/components/molecules/canvas-map/lib/styles/Text.js x: 3 contributors (all time) y: 107 lines of code src/lib/components/molecules/canvas-map/map.stories.jsx x: 4 contributors (all time) y: 660 lines of code src/lib/components/molecules/svg-map/index.jsx x: 3 contributors (all time) y: 129 lines of code src/lib/components/molecules/canvas-map/lib/Feature.js x: 2 contributors (all time) y: 92 lines of code src/lib/components/organisms/ticker/index.jsx x: 3 contributors (all time) y: 113 lines of code src/lib/components/molecules/canvas-map/context/MapContext.jsx x: 2 contributors (all time) y: 111 lines of code src/lib/components/particles/relative-time-sentence/index.jsx x: 3 contributors (all time) y: 11 lines of code src/lib/components/organisms/ticker/style.module.scss x: 4 contributors (all time) y: 134 lines of code src/lib/components/molecules/option-picker/style.module.css x: 2 contributors (all time) y: 68 lines of code src/lib/components/organisms/ticker/lib/helpers/tickerHelper.js x: 1 contributors (all time) y: 22 lines of code src/lib/components/organisms/ticker/ticker.stories.jsx x: 3 contributors (all time) y: 152 lines of code src/lib/components/particles/circle-icon/index.jsx x: 4 contributors (all time) y: 46 lines of code src/lib/shared/hooks/useContainerSize.js x: 2 contributors (all time) y: 25 lines of code src/lib/components/molecules/canvas-map/lib/styles/Fill.js x: 1 contributors (all time) y: 21 lines of code src/lib/components/molecules/canvas-map/lib/styles/index.js x: 1 contributors (all time) y: 5 lines of code src/lib/shared/helpers/labelsUtil.js x: 4 contributors (all time) y: 69 lines of code src/lib/components/molecules/canvas-map/lib/geometry/Point.js x: 2 contributors (all time) y: 19 lines of code src/lib/components/molecules/canvas-map/lib/util/extent.js x: 1 contributors (all time) y: 82 lines of code src/lib/components/molecules/option-picker/option-picker.stories.jsx x: 1 contributors (all time) y: 68 lines of code src/lib/components/molecules/index.js x: 3 contributors (all time) y: 18 lines of code src/lib/components/molecules/canvas-map/lib/FeatureCollection.js x: 1 contributors (all time) y: 10 lines of code src/lib/components/molecules/canvas-map/lib/geometry/Geometry.js x: 1 contributors (all time) y: 18 lines of code src/lib/components/molecules/canvas-map/index.js x: 1 contributors (all time) y: 13 lines of code src/lib/components/molecules/canvas-map/lib/util/index.js x: 1 contributors (all time) y: 6 lines of code src/lib/components/molecules/canvas-map/lib/formats/GeoJSON.js x: 1 contributors (all time) y: 98 lines of code .storybook/preview.scss x: 2 contributors (all time) y: 65 lines of code src/lib/components/molecules/canvas-map/lib/util/size.js x: 2 contributors (all time) y: 63 lines of code src/lib/components/molecules/canvas-map/lib/geometry/LineString.js x: 1 contributors (all time) y: 16 lines of code src/lib/components/molecules/canvas-map/lib/geometry/Polygon.js x: 1 contributors (all time) y: 43 lines of code src/lib/components/particles/index.js x: 5 contributors (all time) y: 18 lines of code .storybook/preview.js x: 2 contributors (all time) y: 98 lines of code src/lib/components/molecules/canvas-map/lib/layers/index.js x: 2 contributors (all time) y: 2 lines of code src/lib/components/molecules/svg-map/layers/line.stories.jsx x: 2 contributors (all time) y: 52 lines of code src/lib/components/molecules/svg-map/layers/point.stories.jsx x: 2 contributors (all time) y: 55 lines of code src/lib/components/molecules/svg-map/layers/polygon.stories.jsx x: 2 contributors (all time) y: 49 lines of code src/lib/components/molecules/svg-map/layers/prerendered.stories.jsx x: 2 contributors (all time) y: 38 lines of code src/lib/components/molecules/svg-map/context/SVGMapProvider.jsx x: 2 contributors (all time) y: 85 lines of code src/lib/components/molecules/svg-map/style.module.css x: 2 contributors (all time) y: 10 lines of code src/lib/styles/theme.config.js x: 2 contributors (all time) y: 88 lines of code src/lib/components/molecules/dropdown/index.jsx x: 3 contributors (all time) y: 178 lines of code src/lib/components/molecules/svg-map/layers/Polygon.jsx x: 1 contributors (all time) y: 75 lines of code src/lib/components/particles/chevron/index.jsx x: 1 contributors (all time) y: 76 lines of code src/lib/components/particles/gradient-icon/index.jsx x: 3 contributors (all time) y: 35 lines of code src/lib/components/particles/waffle/index.jsx x: 4 contributors (all time) y: 81 lines of code src/lib/components/molecules/canvas-map/lib/util/distance.js x: 2 contributors (all time) y: 13 lines of code src/lib/components/molecules/canvas-map/lib/util/simplify.js x: 1 contributors (all time) y: 357 lines of code src/lib/components/molecules/column-chart/column-chart-example.js x: 2 contributors (all time) y: 494 lines of code src/lib/components/molecules/column-chart/column-chart-util.js x: 2 contributors (all time) y: 4 lines of code src/lib/components/molecules/column-chart/style.module.css x: 3 contributors (all time) y: 9 lines of code src/lib/components/molecules/modal/modal.stories.jsx x: 1 contributors (all time) y: 72 lines of code src/lib/components/molecules/party-profile/party-profile.stories.jsx x: 3 contributors (all time) y: 32 lines of code src/lib/components/molecules/responsive-grid/style.module.scss x: 1 contributors (all time) y: 54 lines of code src/lib/components/molecules/svg-map/layers/Point.jsx x: 1 contributors (all time) y: 58 lines of code src/lib/components/molecules/svg-map/renderers/SVGRenderer.jsx x: 1 contributors (all time) y: 29 lines of code src/lib/components/molecules/svg-map/svg-map.stories.jsx x: 1 contributors (all time) y: 321 lines of code src/lib/components/molecules/table/index.jsx x: 3 contributors (all time) y: 99 lines of code src/lib/components/molecules/table/table.stories.jsx x: 3 contributors (all time) y: 240 lines of code src/lib/components/molecules/table/useTable.jsx x: 2 contributors (all time) y: 129 lines of code src/lib/components/organisms/coalitions-tracker/coalitions-tracker.stories.jsx x: 2 contributors (all time) y: 73 lines of code src/lib/components/organisms/coalitions-tracker/index.jsx x: 2 contributors (all time) y: 149 lines of code src/lib/components/particles/ad-slot/stories.module.scss x: 2 contributors (all time) y: 22 lines of code src/lib/components/particles/legend-item/legenditem.stories.jsx x: 2 contributors (all time) y: 18 lines of code src/lib/components/particles/square-cut-corner-icon/index.jsx x: 2 contributors (all time) y: 45 lines of code src/lib/components/particles/stacked-grid/stacked-grid.stories.jsx x: 2 contributors (all time) y: 117 lines of code src/lib/components/particles/waffle/style.module.css x: 2 contributors (all time) y: 7 lines of code src/lib/shared/helpers/createStore.js x: 1 contributors (all time) y: 44 lines of code src/lib/shared/helpers/geometry.js x: 1 contributors (all time) y: 35 lines of code src/lib/styles/foundation/fonts.scss x: 2 contributors (all time) y: 376 lines of code src/lib/components/molecules/search-input/style.module.css x: 1 contributors (all time) y: 65 lines of code src/lib/styles/foundation/colors.scss x: 2 contributors (all time) y: 61 lines of code src/lib/components/molecules/canvas-map/lib/events/index.js x: 1 contributors (all time) y: 2 lines of code src/lib/components/molecules/dropdown/dropdown.stories.jsx x: 3 contributors (all time) y: 160 lines of code src/lib/components/molecules/dropdown/style.module.css x: 2 contributors (all time) y: 100 lines of code src/lib/styles/foundation/euPartyColors.scss x: 3 contributors (all time) y: 321 lines of code src/lib/components/particles/circle-icon/style.module.css x: 3 contributors (all time) y: 20 lines of code
683.0
lines of code
  min: 1.0
  average: 59.34
  25th percentile: 15.75
  median: 31.5
  75th percentile: 68.25
  max: 683.0
0 5.0
contributors (all time)
min: 1.0 | average: 1.9 | 25th percentile: 1.0 | median: 2.0 | 75th percentile: 3.0 | max: 5.0

File Size vs. Commits (30 days): 2 points

src/lib/styles/foundation/ukPartyColors.scss x: 1 commits (30d) y: 683 lines of code src/lib/components/molecules/canvas-map/Map.jsx x: 1 commits (30d) y: 111 lines of code
683.0
lines of code
  min: 111.0
  average: 397.0
  25th percentile: 111.0
  median: 397.0
  75th percentile: 683.0
  max: 683.0
0 1.0
commits (30d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Contributors (30 days): 2 points

src/lib/styles/foundation/ukPartyColors.scss x: 1 contributors (30d) y: 683 lines of code src/lib/components/molecules/canvas-map/Map.jsx x: 1 contributors (30d) y: 111 lines of code
683.0
lines of code
  min: 111.0
  average: 397.0
  25th percentile: 111.0
  median: 397.0
  75th percentile: 683.0
  max: 683.0
0 1.0
contributors (30d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Commits (90 days): 2 points

src/lib/styles/foundation/ukPartyColors.scss x: 1 commits (90d) y: 683 lines of code src/lib/components/molecules/canvas-map/Map.jsx x: 1 commits (90d) y: 111 lines of code
683.0
lines of code
  min: 111.0
  average: 397.0
  25th percentile: 111.0
  median: 397.0
  75th percentile: 683.0
  max: 683.0
0 1.0
commits (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0

File Size vs. Contributors (90 days): 2 points

src/lib/styles/foundation/ukPartyColors.scss x: 1 contributors (90d) y: 683 lines of code src/lib/components/molecules/canvas-map/Map.jsx x: 1 contributors (90d) y: 111 lines of code
683.0
lines of code
  min: 111.0
  average: 397.0
  25th percentile: 111.0
  median: 397.0
  75th percentile: 683.0
  max: 683.0
0 1.0
contributors (90d)
min: 1.0 | average: 1.0 | 25th percentile: 1.0 | median: 1.0 | 75th percentile: 1.0 | max: 1.0
About This Analysis
  • File size measurements show the distribution of size of files.
  • Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
  • It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.
Learn more...