azure / react-azure-maps-playground
File Size

The distribution of size of files (measured in lines of code).

Intro
Learn more...
File Size Overall
0% | 0% | 0% | 9% | 90%
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
tsx0% | 0% | 0% | 15% | 84%
ts0% | 0% | 0% | 0% | 100%
css0% | 0% | 0% | 0% | 100%
html0% | 0% | 0% | 0% | 100%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
src0% | 0% | 0% | 10% | 89%
public0% | 0% | 0% | 0% | 100%
Longest Files (Top 39)
File# lines# units
SymbolLayer.stories.tsx
in src/stories/DataVisualization/SymbolLayer
160 2
ClusterAggregates.tsx
in src/stories/DataVisualization/ClusterAggregates
86 -
InteractivePopup.stories.ts
in src/stories/MapAnnotations/Popup/Interactive
71 -
PolygonExtrusion.stories.ts
in src/stories/DataVisualization/PolygonExtrusion
70 -
BubbleLayer.stories.ts
in src/stories/DataVisualization/BubbleLayer
65 1
HeatMapLayer.stories.ts
in src/stories/DataVisualization/HeatMapLayer
60 -
LineLayer.stories.ts
in src/stories/DataVisualization/LineLayer
59 -
SymbolLayer.tsx
in src/stories/DataVisualization/SymbolLayer
59 -
ImageLayer.stories.ts
in src/stories/DataVisualization/ImageLayer
58 -
AccessiblePopup.tsx
in src/stories/MapAnnotations/Popup/Accessible
56 -
MapControl.tsx
in src/stories/BasicUsage/MapControls
49 -
InteractivePopup.tsx
in src/stories/MapAnnotations/Popup/Interactive
48 -
HtmlMarkerEvents.tsx
in src/stories/Events/HtmlMarkerEvents
48 -
PolygonLayer.stories.ts
in src/stories/DataVisualization/PolygonLayer
46 -
PolygonExtrusion.tsx
in src/stories/DataVisualization/PolygonExtrusion
44 -
HeatMapLayer.tsx
in src/stories/DataVisualization/HeatMapLayer
41 -
TileLayer.stories.ts
in src/stories/DataVisualization/TileLayer
39 -
HtmlMarker.stories.tsx
in src/stories/MapAnnotations/HtmlMarker
38 -
MapStyles.stories.ts
in src/stories/BasicUsage/MapStyles
37 -
Popup.stories.ts
in src/stories/MapAnnotations/Popup/Basic
35 -
PopupContent.tsx
in src/stories/MapAnnotations/Popup/Interactive
35 -
LayerEvents.tsx
in src/stories/Events/LayerEvents
31 -
LineLayer.tsx
in src/stories/DataVisualization/LineLayer
31 -
ImageLayer.tsx
in src/stories/DataVisualization/ImageLayer
30 -
SetStyle.tsx
in src/stories/BasicUsage/MapRef
28 -
BubbleLayer.tsx
in src/stories/DataVisualization/BubbleLayer
27 -
SetCenter.tsx
in src/stories/BasicUsage/MapRef
27 -
InteractivePopupExample.tsx
in src/stories/MapAnnotations/Popup/Interactive
26 -
MapEvents.tsx
in src/stories/Events/MapEvents
25 -
PolygonLayer.tsx
in src/stories/DataVisualization/PolygonLayer
24 -
MapStyles.tsx
in src/stories/BasicUsage/MapStyles
23 -
HtmlMarker.tsx
in src/stories/MapAnnotations/HtmlMarker
22 -
TileLayer.tsx
in src/stories/DataVisualization/TileLayer
22 -
index.html
in public
20 -
HtmlMarkerEvents.css
in src/stories/Events/HtmlMarkerEvents
20 -
Popup.tsx
in src/stories/MapAnnotations/Popup/Basic
15 -
key.ts
in src
15 -
DefaultMap.tsx
in src/stories/DefaultMap
13 -
10 -
Files With Most Units (Top 2)
File# lines# units
SymbolLayer.stories.tsx
in src/stories/DataVisualization/SymbolLayer
160 2
BubbleLayer.stories.ts
in src/stories/DataVisualization/BubbleLayer
65 1
Files With Long Lines (Top 4)

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

File# lines# units# long lines
ImageLayer.stories.ts
in src/stories/DataVisualization/ImageLayer
58 - 1
TileLayer.tsx
in src/stories/DataVisualization/TileLayer
22 - 1
TileLayer.stories.ts
in src/stories/DataVisualization/TileLayer
39 - 1
BubbleLayer.stories.ts
in src/stories/DataVisualization/BubbleLayer
65 1 1
Correlations

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

src/stories/MapAnnotations/Popup/Accessible/AccessiblePopup.tsx x: 2 commits (all time) y: 56 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.stories.ts x: 6 commits (all time) y: 71 lines of code src/stories/BasicUsage/MapControls/MapControl.tsx x: 9 commits (all time) y: 49 lines of code src/stories/MapAnnotations/Popup/Basic/Popup.stories.ts x: 3 commits (all time) y: 35 lines of code src/stories/MapAnnotations/Popup/Basic/Popup.tsx x: 4 commits (all time) y: 15 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.tsx x: 4 commits (all time) y: 48 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopupExample.tsx x: 4 commits (all time) y: 26 lines of code src/stories/MapAnnotations/Popup/Interactive/PopupContent.tsx x: 4 commits (all time) y: 35 lines of code src/key.ts x: 11 commits (all time) y: 15 lines of code src/stories/BasicUsage/MapStyles/MapStyles.stories.ts x: 11 commits (all time) y: 37 lines of code src/stories/DataVisualization/BubbleLayer/BubbleLayer.stories.ts x: 10 commits (all time) y: 65 lines of code src/stories/DataVisualization/ClusterAggregates/ClusterAggregates.tsx x: 7 commits (all time) y: 86 lines of code src/stories/DataVisualization/HeatMapLayer/HeatMapLayer.stories.ts x: 6 commits (all time) y: 60 lines of code src/stories/DataVisualization/ImageLayer/ImageLayer.stories.ts x: 3 commits (all time) y: 58 lines of code src/stories/DataVisualization/ImageLayer/ImageLayer.tsx x: 2 commits (all time) y: 30 lines of code src/stories/DataVisualization/LineLayer/LineLayer.stories.ts x: 9 commits (all time) y: 59 lines of code src/stories/DataVisualization/PolygonExtrusion/PolygonExtrusion.stories.ts x: 2 commits (all time) y: 70 lines of code src/stories/DataVisualization/PolygonExtrusion/PolygonExtrusion.tsx x: 2 commits (all time) y: 44 lines of code src/stories/DataVisualization/PolygonLayer/PolygonLayer.stories.ts x: 10 commits (all time) y: 46 lines of code src/stories/DataVisualization/SymbolLayer/SymbolLayer.stories.tsx x: 6 commits (all time) y: 160 lines of code src/stories/DataVisualization/TileLayer/TileLayer.stories.ts x: 4 commits (all time) y: 39 lines of code src/stories/DataVisualization/TileLayer/TileLayer.tsx x: 2 commits (all time) y: 22 lines of code src/stories/DefaultMap/DefaultMap.tsx x: 9 commits (all time) y: 13 lines of code src/stories/Events/HtmlMarkerEvents/HtmlMarkerEvents.css x: 2 commits (all time) y: 20 lines of code src/stories/Events/HtmlMarkerEvents/HtmlMarkerEvents.tsx x: 2 commits (all time) y: 48 lines of code src/stories/Events/LayerEvents/LayerEvents.tsx x: 2 commits (all time) y: 31 lines of code src/stories/Events/MapEvents/MapEvents.tsx x: 2 commits (all time) y: 25 lines of code src/stories/MapAnnotations/HtmlMarker/HtmlMarker.stories.tsx x: 9 commits (all time) y: 38 lines of code src/stories/MapAnnotations/HtmlMarker/HtmlMarker.tsx x: 7 commits (all time) y: 22 lines of code src/Storybook.css x: 6 commits (all time) y: 10 lines of code src/stories/BasicUsage/MapRef/SetCenter.tsx x: 5 commits (all time) y: 27 lines of code src/stories/BasicUsage/MapRef/SetStyle.tsx x: 5 commits (all time) y: 28 lines of code src/stories/BasicUsage/MapStyles/MapStyles.tsx x: 6 commits (all time) y: 23 lines of code src/stories/DataVisualization/BubbleLayer/BubbleLayer.tsx x: 8 commits (all time) y: 27 lines of code src/stories/DataVisualization/HeatMapLayer/HeatMapLayer.tsx x: 5 commits (all time) y: 41 lines of code src/stories/DataVisualization/LineLayer/LineLayer.tsx x: 6 commits (all time) y: 31 lines of code src/stories/DataVisualization/PolygonLayer/PolygonLayer.tsx x: 5 commits (all time) y: 24 lines of code src/stories/DataVisualization/SymbolLayer/SymbolLayer.tsx x: 5 commits (all time) y: 59 lines of code src/stories/BasicUsage/MapRef/setStyle.tsx x: 3 commits (all time) y: 28 lines of code src/stories/BasicUsage/MapRef/setCenter.tsx x: 2 commits (all time) y: 27 lines of code public/index.html x: 1 commits (all time) y: 20 lines of code
160.0
lines of code
  min: 10.0
  average: 40.68
  25th percentile: 24.5
  median: 35.0
  75th percentile: 52.5
  max: 160.0
0 11.0
commits (all time)
min: 1.0 | average: 5.15 | 25th percentile: 2.0 | median: 5.0 | 75th percentile: 7.0 | max: 11.0

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

src/stories/MapAnnotations/Popup/Accessible/AccessiblePopup.tsx x: 2 contributors (all time) y: 56 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.stories.ts x: 2 contributors (all time) y: 71 lines of code src/stories/BasicUsage/MapControls/MapControl.tsx x: 3 contributors (all time) y: 49 lines of code src/stories/MapAnnotations/Popup/Basic/Popup.stories.ts x: 2 contributors (all time) y: 35 lines of code src/stories/MapAnnotations/Popup/Basic/Popup.tsx x: 2 contributors (all time) y: 15 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.tsx x: 2 contributors (all time) y: 48 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopupExample.tsx x: 2 contributors (all time) y: 26 lines of code src/key.ts x: 4 contributors (all time) y: 15 lines of code src/stories/BasicUsage/MapStyles/MapStyles.stories.ts x: 3 contributors (all time) y: 37 lines of code src/stories/DataVisualization/BubbleLayer/BubbleLayer.stories.ts x: 3 contributors (all time) y: 65 lines of code src/stories/DataVisualization/ClusterAggregates/ClusterAggregates.tsx x: 3 contributors (all time) y: 86 lines of code src/stories/DataVisualization/HeatMapLayer/HeatMapLayer.stories.ts x: 3 contributors (all time) y: 60 lines of code src/stories/DataVisualization/ImageLayer/ImageLayer.stories.ts x: 2 contributors (all time) y: 58 lines of code src/stories/DataVisualization/ImageLayer/ImageLayer.tsx x: 2 contributors (all time) y: 30 lines of code src/stories/DataVisualization/LineLayer/LineLayer.stories.ts x: 3 contributors (all time) y: 59 lines of code src/stories/DataVisualization/PolygonExtrusion/PolygonExtrusion.stories.ts x: 2 contributors (all time) y: 70 lines of code src/stories/DataVisualization/PolygonExtrusion/PolygonExtrusion.tsx x: 2 contributors (all time) y: 44 lines of code src/stories/DataVisualization/PolygonLayer/PolygonLayer.stories.ts x: 3 contributors (all time) y: 46 lines of code src/stories/DataVisualization/SymbolLayer/SymbolLayer.stories.tsx x: 3 contributors (all time) y: 160 lines of code src/stories/DataVisualization/TileLayer/TileLayer.stories.ts x: 2 contributors (all time) y: 39 lines of code src/stories/DataVisualization/TileLayer/TileLayer.tsx x: 2 contributors (all time) y: 22 lines of code src/stories/DefaultMap/DefaultMap.tsx x: 3 contributors (all time) y: 13 lines of code src/stories/Events/HtmlMarkerEvents/HtmlMarkerEvents.css x: 2 contributors (all time) y: 20 lines of code src/stories/Events/LayerEvents/LayerEvents.tsx x: 2 contributors (all time) y: 31 lines of code src/stories/Events/MapEvents/MapEvents.tsx x: 2 contributors (all time) y: 25 lines of code src/stories/MapAnnotations/HtmlMarker/HtmlMarker.stories.tsx x: 3 contributors (all time) y: 38 lines of code src/stories/MapAnnotations/HtmlMarker/HtmlMarker.tsx x: 3 contributors (all time) y: 22 lines of code src/Storybook.css x: 3 contributors (all time) y: 10 lines of code src/stories/BasicUsage/MapRef/SetCenter.tsx x: 3 contributors (all time) y: 27 lines of code src/stories/BasicUsage/MapRef/SetStyle.tsx x: 3 contributors (all time) y: 28 lines of code src/stories/BasicUsage/MapStyles/MapStyles.tsx x: 3 contributors (all time) y: 23 lines of code src/stories/DataVisualization/HeatMapLayer/HeatMapLayer.tsx x: 3 contributors (all time) y: 41 lines of code src/stories/DataVisualization/LineLayer/LineLayer.tsx x: 3 contributors (all time) y: 31 lines of code src/stories/DataVisualization/PolygonLayer/PolygonLayer.tsx x: 3 contributors (all time) y: 24 lines of code src/stories/BasicUsage/MapRef/setStyle.tsx x: 1 contributors (all time) y: 28 lines of code src/stories/BasicUsage/MapRef/setCenter.tsx x: 1 contributors (all time) y: 27 lines of code public/index.html x: 1 contributors (all time) y: 20 lines of code
160.0
lines of code
  min: 10.0
  average: 40.68
  25th percentile: 24.5
  median: 35.0
  75th percentile: 52.5
  max: 160.0
0 4.0
contributors (all time)
min: 1.0 | average: 2.46 | 25th percentile: 2.0 | median: 3.0 | 75th percentile: 3.0 | max: 4.0

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

src/stories/MapAnnotations/Popup/Accessible/AccessiblePopup.tsx x: 2 commits (30d) y: 56 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.stories.ts x: 2 commits (30d) y: 71 lines of code
71.0
lines of code
  min: 56.0
  average: 63.5
  25th percentile: 56.0
  median: 63.5
  75th percentile: 71.0
  max: 71.0
0 2.0
commits (30d)
min: 2.0 | average: 2.0 | 25th percentile: 2.0 | median: 2.0 | 75th percentile: 2.0 | max: 2.0

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

src/stories/MapAnnotations/Popup/Accessible/AccessiblePopup.tsx x: 2 contributors (30d) y: 56 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.stories.ts x: 2 contributors (30d) y: 71 lines of code
71.0
lines of code
  min: 56.0
  average: 63.5
  25th percentile: 56.0
  median: 63.5
  75th percentile: 71.0
  max: 71.0
0 2.0
contributors (30d)
min: 2.0 | average: 2.0 | 25th percentile: 2.0 | median: 2.0 | 75th percentile: 2.0 | max: 2.0

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

src/stories/MapAnnotations/Popup/Accessible/AccessiblePopup.tsx x: 2 commits (90d) y: 56 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.stories.ts x: 2 commits (90d) y: 71 lines of code
71.0
lines of code
  min: 56.0
  average: 63.5
  25th percentile: 56.0
  median: 63.5
  75th percentile: 71.0
  max: 71.0
0 2.0
commits (90d)
min: 2.0 | average: 2.0 | 25th percentile: 2.0 | median: 2.0 | 75th percentile: 2.0 | max: 2.0

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

src/stories/MapAnnotations/Popup/Accessible/AccessiblePopup.tsx x: 2 contributors (90d) y: 56 lines of code src/stories/MapAnnotations/Popup/Interactive/InteractivePopup.stories.ts x: 2 contributors (90d) y: 71 lines of code
71.0
lines of code
  min: 56.0
  average: 63.5
  25th percentile: 56.0
  median: 63.5
  75th percentile: 71.0
  max: 71.0
0 2.0
contributors (90d)
min: 2.0 | average: 2.0 | 25th percentile: 2.0 | median: 2.0 | 75th percentile: 2.0 | max: 2.0