<commit_before>- provide(:title, '統計情報')
- provide(:desc,  'CoderDojo の統計情報をまとめたページです。全国の活動状況を把握したい場面などでご活用ください。')
- provide(:url,   @url)
- provide(:meta_image,  "/img/ogp-stats.jpeg")

%script{ type: 'text/javascript', src: '/js/jquery.japan-map.js'}

%section#top{style: 'padding-top:40px; background-color: white; max-width: 400px; margin: 0 auto;'}
  = image_tag "stats_cover.png"

%section.stats.text-center
  %h1 統計情報
  %div{style: "margin: 30px 36px 0;"}
    本ページでは CoderDojo の統計情報をまとめています。
    %br.ignore-sp<>
    全国の活動状況を把握したい場面などでご活用ください。

  %h3#graph 📊 推移グラフ
  %div{align: 'center'}
    = high_chart_globals(@high_charts_globals)
    %br
    %br
    = high_chart("annual_dojos",           @annual_dojos_chart)
    %br
    %br
    = high_chart("annual_event_histories", @annual_event_histories_chart)
    %br
    %br
    = high_chart("annual_participants",    @annual_participants_chart)

  %h3#data{style: "margin-bottom: 30px;"} 🆕 最新データ
  %p
    #{Time.current.year}年のデータも含めた
    %br<>
    最新の統計情報は次のとおりです。
  %div{style: "margin-top: 20px;", align: 'center' }
    %table{style: 'margin-top: 4px;', border: '1'}
      %tr
        %th 掲載中の道場数
        %th 累計開催回数
        %th 累計参加者数
      %tr.text-center
        %td= @sum_of_dojos
        %td= @sum_of_events
        %td= @sum_of_participants

  %div#tag{style: "margin-top: 20px;", align: 'center'}
    %br
    = high_chart("dojo_tag_chart", @dojo_tag_chart)

  %h3#howto{style: "margin-bottom: 30px;"} ✅ 集計方法と集計対象について
  %ul{style: 'list-style: none; margin-left: -10px;'}
    %li 参加者数はユニーク数ではなく延べ数です。
    %li 集計対象は API などで集計可能な道場です。

  %div{style: 'margin-top: 10px;'}
    毎週月曜朝10時に集計をしています。
    %br
    集計対象の道場数は次のとおりです。
  %div{style: 'margin-top: 10px;'}
  %b= @aggregated_dojos
  %b / #{@sum_of_dojos} Dojos

  %div{align: 'center', id: 'transition-table', style: 'margin-top: 30px;'}
    %b 集計対象となっている道場数の推移
    %table.compact{style: 'margin-top: 10px;', border: '1'}
      %tr
        %th{style: 'font-weight: normal;'} 西暦
        - @annual_dojos_table.keys.each do |year|
          %th{style: 'font-weight: normal;'} #{year}
      %tr{style: 'text-align: center;'}
        %td 道場数
        - @annual_dojos_table.each_value do |num|
          %td= num


  %h3#map 🗾 地域別の道場数
  .japan-map
    /%p#japan-map-text{style: "margin: 20px auto; font-size: 140%;"} 名前: 道場数
    #japan-map-container

  #accordion.panel-group{"aria-multiselectable" => "true", role: "tablist"}
    - @regions_and_dojos.each_with_index do |(region, dojos), index|
      .panel.panel-default
        .panel-heading{id: "heading#{index}", role: "tab"}
          %h4.panel-title
            %a{"data-parent" => "#accordion", "data-toggle" => "collapse", href: "##{"collapse#{index}"}", role: "button"}
              %i.fa.fa-chevron-right{"aria-hidden" => "true"}
              = region
              \- #{dojos.count} Dojos
        .panel-collapse.collapse{id: "collapse#{index}", role: "tabpanel"}
          .panel-body.grayscale-bg.dojo-flex
            = render partial: 'shared/dojo', collection: dojos

  %h4#prefectures 都道府県別の道場数
  %div{style: "margin-top: 20px;", align: 'center' }
    %table{border: '1'}
      %tr<commit_msg>Count multiple dojos in data_by_region in Stats<commit_after>- provide(:title, '統計情報')
- provide(:desc,  'CoderDojo の統計情報をまとめたページです。全国の活動状況を把握したい場面などでご活用ください。')
- provide(:url,   @url)
- provide(:meta_image,  "/img/ogp-stats.jpeg")

%script{ type: 'text/javascript', src: '/js/jquery.japan-map.js'}

%section#top{style: 'padding-top:40px; background-color: white; max-width: 400px; margin: 0 auto;'}
  = image_tag "stats_cover.png"

%section.stats.text-center
  %h1 統計情報
  %div{style: "margin: 30px 36px 0;"}
    本ページでは CoderDojo の統計情報をまとめています。
    %br.ignore-sp<>
    全国の活動状況を把握したい場面などでご活用ください。

  %h3#graph 📊 推移グラフ
  %div{align: 'center'}
    = high_chart_globals(@high_charts_globals)
    %br
    %br
    = high_chart("annual_dojos",           @annual_dojos_chart)
    %br
    %br
    = high_chart("annual_event_histories", @annual_event_histories_chart)
    %br
    %br
    = high_chart("annual_participants",    @annual_participants_chart)

  %h3#data{style: "margin-bottom: 30px;"} 🆕 最新データ
  %p
    #{Time.current.year}年のデータも含めた
    %br<>
    最新の統計情報は次のとおりです。
  %div{style: "margin-top: 20px;", align: 'center' }
    %table{style: 'margin-top: 4px;', border: '1'}
      %tr
        %th 掲載中の道場数
        %th 累計開催回数
        %th 累計参加者数
      %tr.text-center
        %td= @sum_of_dojos
        %td= @sum_of_events
        %td= @sum_of_participants

  %div#tag{style: "margin-top: 20px;", align: 'center'}
    %br
    = high_chart("dojo_tag_chart", @dojo_tag_chart)

  %h3#howto{style: "margin-bottom: 30px;"} ✅ 集計方法と集計対象について
  %ul{style: 'list-style: none; margin-left: -10px;'}
    %li 参加者数はユニーク数ではなく延べ数です。
    %li 集計対象は API などで集計可能な道場です。

  %div{style: 'margin-top: 10px;'}
    毎週月曜朝10時に集計をしています。
    %br
    集計対象の道場数は次のとおりです。
  %div{style: 'margin-top: 10px;'}
  %b= @aggregated_dojos
  %b / #{@sum_of_dojos} Dojos

  %div{align: 'center', id: 'transition-table', style: 'margin-top: 30px;'}
    %b 集計対象となっている道場数の推移
    %table.compact{style: 'margin-top: 10px;', border: '1'}
      %tr
        %th{style: 'font-weight: normal;'} 西暦
        - @annual_dojos_table.keys.each do |year|
          %th{style: 'font-weight: normal;'} #{year}
      %tr{style: 'text-align: center;'}
        %td 道場数
        - @annual_dojos_table.each_value do |num|
          %td= num


  %h3#map 🗾 地域別の道場数
  .japan-map
    /%p#japan-map-text{style: "margin: 20px auto; font-size: 140%;"} 名前: 道場数
    #japan-map-container

  #accordion.panel-group{"aria-multiselectable" => "true", role: "tablist"}
    - @regions_and_dojos.each_with_index do |(region, dojos), index|
      .panel.panel-default
        .panel-heading{id: "heading#{index}", role: "tab"}
          %h4.panel-title
            %a{"data-parent" => "#accordion", "data-toggle" => "collapse", href: "##{"collapse#{index}"}", role: "button"}
              %i.fa.fa-chevron-right{"aria-hidden" => "true"}
              = region
              \- #{dojos.pluck(:counter).sum} Dojos
        .panel-collapse.collapse{id: "collapse#{index}", role: "tabpanel"}
          .panel-body.grayscale-bg.dojo-flex
            = render partial: 'shared/dojo', collection: dojos

  %h4#prefectures 都道府県別の道場数
  %div{style: "margin-top: 20px;", align: 'center' }
    %table{border: '1'}
      %tr
{'fraction_non_alphanumeric': 0.1672408393360476, 'fraction_numerical': 0.01534606952709051, 'mean_word_length': 3.142023346303502, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '751855', 'n_tokens_mistral': 2986, 'n_tokens_neox': 2874, 'n_words': 455}