angular / bower-material
File Size

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

Intro
  • 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...
File Size Overall
  • There are 289 files with 95,940 lines of code.
    • 14 very long files (61,904 lines of code)
    • 14 long files (9,640 lines of code)
    • 38 medium size files (12,445 lines of codeclsfd_ftr_w_mp_ins)
    • 52 small files (7,625 lines of code)
    • 171 very small files (4,326 lines of code)
64% | 10% | 12% | 7% | 4%
Legend:
1001+
501-1000
201-500
101-200
1-100


explore: zoomable circles | sunburst | 3D view
File Size per Extension
1001+
501-1000
201-500
101-200
1-100
css77% | 0% | 8% | 8% | 5%
js41% | 25% | 22% | 6% | 3%
scss0% | 100% | 0% | 0% | 0%
File Size per Logical Decomposition
primary
1001+
501-1000
201-500
101-200
1-100
modules/layouts99% | 0% | 0% | 0% | <1%
modules/closure/core99% | 0% | 0% | 0% | <1%
modules/js/core99% | 0% | 0% | 0% | <1%
modules/closure/datepicker80% | 0% | 15% | 0% | 4%
modules/js/datepicker80% | 0% | 15% | 0% | 4%
modules/closure/panel95% | 0% | 0% | 0% | 4%
modules/js/panel95% | 0% | 0% | 0% | 4%
modules/closure/select71% | 0% | 20% | 7% | 0%
modules/js/select71% | 0% | 20% | 7% | 0%
modules/closure/autocomplete80% | 0% | 15% | 0% | 3%
modules/js/autocomplete80% | 0% | 15% | 0% | 3%
modules/closure/chips77% | 0% | 17% | 0% | 4%
modules/js/chips77% | 0% | 17% | 0% | 4%
modules/scss0% | 100% | 0% | 0% | 0%
modules/closure/tabs0% | 85% | 0% | 14% | 0%
modules/js/tabs0% | 85% | 0% | 14% | 0%
modules/closure/virtualRepeat0% | 93% | 0% | 0% | 6%
modules/js/virtualRepeat0% | 93% | 0% | 0% | 6%
modules/closure/input0% | 60% | 30% | 8% | 0%
modules/js/input0% | 60% | 30% | 8% | 0%
modules/closure/menu0% | 79% | 0% | 18% | 2%
modules/js/menu0% | 79% | 0% | 18% | 2%
modules/closure/dialog0% | 81% | 0% | 17% | 1%
modules/closure/slider0% | 48% | 39% | 11% | 0%
modules/js/slider0% | 48% | 39% | 11% | 0%
modules/js/dialog0% | 80% | 0% | 17% | 1%
modules/closure/list0% | 0% | 96% | 0% | 3%
modules/js/list0% | 0% | 96% | 0% | 3%
modules/closure/navBar0% | 0% | 75% | 0% | 24%
modules/js/navBar0% | 0% | 75% | 0% | 24%
modules/closure/menuBar0% | 0% | 73% | 20% | 6%
modules/closure/gridList0% | 0% | 85% | 0% | 14%
modules/js/gridList0% | 0% | 85% | 0% | 14%
modules/js/menuBar0% | 0% | 73% | 20% | 6%
modules/closure/fabSpeedDial0% | 0% | 73% | 25% | 1%
modules/js/fabSpeedDial0% | 0% | 73% | 25% | 1%
modules/closure/icon0% | 0% | 91% | 0% | 8%
modules/js/icon0% | 0% | 91% | 0% | 8%
modules/closure/progressCircular0% | 0% | 87% | 0% | 12%
modules/js/progressCircular0% | 0% | 87% | 0% | 12%
modules/closure/tooltip0% | 0% | 81% | 0% | 18%
modules/js/tooltip0% | 0% | 80% | 0% | 19%
modules/closure/progressLinear0% | 0% | 66% | 25% | 8%
modules/js/progressLinear0% | 0% | 66% | 25% | 8%
modules/closure/sidenav0% | 0% | 71% | 0% | 28%
modules/js/sidenav0% | 0% | 71% | 0% | 28%
modules/closure/radioButton0% | 0% | 44% | 36% | 18%
modules/js/radioButton0% | 0% | 44% | 36% | 18%
modules/closure/toast0% | 0% | 52% | 42% | 4%
modules/js/toast0% | 0% | 52% | 43% | 4%
modules/closure/toolbar0% | 0% | 0% | 100% | 0%
modules/js/toolbar0% | 0% | 0% | 100% | 0%
modules/closure/checkbox0% | 0% | 0% | 81% | 18%
modules/js/checkbox0% | 0% | 0% | 81% | 18%
modules/closure/button0% | 0% | 0% | 83% | 16%
modules/js/button0% | 0% | 0% | 83% | 16%
modules/closure/bottomSheet0% | 0% | 0% | 95% | 4%
modules/js/bottomSheet0% | 0% | 0% | 95% | 4%
modules/closure/sticky0% | 0% | 0% | 92% | 7%
modules/js/sticky0% | 0% | 0% | 92% | 7%
modules/closure/card0% | 0% | 0% | 84% | 15%
modules/js/card0% | 0% | 0% | 84% | 15%
modules/closure/colors0% | 0% | 0% | 100% | 0%
modules/js/colors0% | 0% | 0% | 100% | 0%
modules/closure/switch0% | 0% | 0% | 51% | 48%
modules/js/switch0% | 0% | 0% | 51% | 48%
modules/closure/fabToolbar0% | 0% | 0% | 57% | 42%
modules/js/fabToolbar0% | 0% | 0% | 58% | 41%
modules/closure/textField0% | 0% | 0% | 82% | 17%
modules/js/textField0% | 0% | 0% | 82% | 17%
modules/closure/subheader0% | 0% | 0% | 0% | 100%
modules/js/subheader0% | 0% | 0% | 0% | 100%
modules/closure/whiteframe0% | 0% | 0% | 0% | 100%
modules/js/whiteframe0% | 0% | 0% | 0% | 100%
modules/closure/backdrop0% | 0% | 0% | 0% | 100%
modules/js/backdrop0% | 0% | 0% | 0% | 100%
modules/closure/divider0% | 0% | 0% | 0% | 100%
modules/js/divider0% | 0% | 0% | 0% | 100%
modules/closure/content0% | 0% | 0% | 0% | 100%
modules/js/content0% | 0% | 0% | 0% | 100%
modules/closure/showHide0% | 0% | 0% | 0% | 100%
modules/js/showHide0% | 0% | 0% | 0% | 100%
modules/closure/swipe0% | 0% | 0% | 0% | 100%
modules/js/swipe0% | 0% | 0% | 0% | 100%
modules/closure/fabActions0% | 0% | 0% | 0% | 100%
modules/js/fabActions0% | 0% | 0% | 0% | 100%
modules/closure/truncate0% | 0% | 0% | 0% | 100%
modules/js/truncate0% | 0% | 0% | 0% | 100%
modules/closure/fabTrigger0% | 0% | 0% | 0% | 100%
modules/js/fabTrigger0% | 0% | 0% | 0% | 100%
ROOT0% | 0% | 0% | 0% | 100%
Longest Files (Top 50)
File# lines# units
angular-material.layout-attributes.css
in modules/layouts
 16146 -
core.css
in modules/closure/core
 11012 -
core.css
in modules/js/core
 11012 -
angular-material.layouts.css
in modules/layouts
 10679 -
datepicker.js
in modules/closure/datepicker
 1690 128
datepicker.js
in modules/js/datepicker
 1688 129
panel.js
in modules/closure/panel
 1370 113
panel.js
in modules/js/panel
 1369 113
select.js
in modules/closure/select
 1353 86
select.js
in modules/js/select
 1352 87
autocomplete.js
in modules/closure/autocomplete
 1096 102
autocomplete.js
in modules/js/autocomplete
 1094 103
chips.js
in modules/closure/chips
 1022 82
chips.js
in modules/js/chips
 1021 83
tabs.js
in modules/closure/tabs
 912 84
tabs.js
in modules/js/tabs
 911 85
angular-material.layouts.scss
in modules/scss
 831 -
angular-material.layout-attributes.scss
in modules/scss
 799 -
virtualRepeat.js
in modules/closure/virtualRepeat
 717 45
virtualRepeat.js
in modules/js/virtualRepeat
 716 46
input.js
in modules/closure/input
 694 66
input.js
in modules/js/input
 694 67
menu.js
in modules/closure/menu
 653 38
menu.js
in modules/js/menu
 652 39
dialog.js
in modules/closure/dialog
 516 46
slider.js
in modules/closure/slider
 515 43
slider.js
in modules/js/slider
 515 44
dialog.js
in modules/js/dialog
 515 47
list.css
in modules/closure/list
 450 -
list.css
in modules/js/list
 450 -
slider.css
in modules/closure/slider
 424 -
slider.css
in modules/js/slider
 424 -
navBar.js
in modules/closure/navBar
 422 39
navBar.js
in modules/js/navBar
 422 40
menuBar.js
in modules/closure/menuBar
 415 31
gridList.js
in modules/closure/gridList
 415 51
gridList.js
in modules/js/gridList
 415 52
menuBar.js
in modules/js/menuBar
 413 32
select.css
in modules/closure/select
 384 -
select.css
in modules/js/select
 384 -
input.css
in modules/closure/input
 357 -
input.css
in modules/js/input
 357 -
fabSpeedDial.js
in modules/closure/fabSpeedDial
 343 41
fabSpeedDial.js
in modules/js/fabSpeedDial
 343 42
icon.js
in modules/closure/icon
 335 32
icon.js
in modules/js/icon
 335 33
progressCircular.js
in modules/closure/progressCircular
 329 15
progressCircular.js
in modules/js/progressCircular
 329 15
datepicker.css
in modules/closure/datepicker
 325 -
datepicker.css
in modules/js/datepicker
 325 -
Files With Most Units (Top 20)
File# lines# units
datepicker.js
in modules/js/datepicker
 1688 129
datepicker.js
in modules/closure/datepicker
 1690 128
panel.js
in modules/closure/panel
 1370 113
panel.js
in modules/js/panel
 1369 113
autocomplete.js
in modules/js/autocomplete
 1094 103
autocomplete.js
in modules/closure/autocomplete
 1096 102
select.js
in modules/js/select
 1352 87
select.js
in modules/closure/select
 1353 86
tabs.js
in modules/js/tabs
 911 85
tabs.js
in modules/closure/tabs
 912 84
chips.js
in modules/js/chips
 1021 83
chips.js
in modules/closure/chips
 1022 82
input.js
in modules/js/input
 694 67
input.js
in modules/closure/input
 694 66
gridList.js
in modules/js/gridList
 415 52
gridList.js
in modules/closure/gridList
 415 51
dialog.js
in modules/js/dialog
 515 47
dialog.js
in modules/closure/dialog
 516 46
virtualRepeat.js
in modules/js/virtualRepeat
 716 46
virtualRepeat.js
in modules/closure/virtualRepeat
 717 45
Files With Long Lines (Top 20)

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

File# lines# units# long lines
core.css
in modules/closure/core
 11012 - 231
core.css
in modules/js/core
 11012 - 231
angular-material.layouts.css
in modules/layouts
 10679 - 213
angular-material.layout-attributes.scss
in modules/scss
 799 - 36
toolbar-default-theme.css
in modules/closure/toolbar
 182 - 35
toolbar-default-theme.css
in modules/js/toolbar
 182 - 35
angular-material.layouts.scss
in modules/scss
 831 - 31
list.css
in modules/closure/list
 450 - 30
list.css
in modules/js/list
 450 - 30
whiteframe.css
in modules/closure/whiteframe
 82 - 24
whiteframe.css
in modules/js/whiteframe
 82 - 24
tabs-default-theme.css
in modules/closure/tabs
 155 - 23
tabs-default-theme.css
in modules/js/tabs
 155 - 23
button-default-theme.css
in modules/closure/button
 123 - 11
button-default-theme.css
in modules/js/button
 123 - 11
autocomplete.js
in modules/closure/autocomplete
 1096 102 9
menu.js
in modules/closure/menu
 653 38 9
radioButton-default-theme.css
in modules/closure/radioButton
 95 - 9
autocomplete.js
in modules/js/autocomplete
 1094 103 9
menu.js
in modules/js/menu
 652 39 9