<commit_before><div ng-hide="diffGraphData" class="oppia-align-center">
  Loading
  <loading-dots></loading-dots>
</div>

<div class="row">
  <div class="col-sm-8 col-md-8 col-lg-8">
    <div state-graph-viz class="protractor-test-history-graph diff-graph"
         graph-data="diffGraphData" node-colors="diffGraphNodeColors"
         node-secondary-labels="diffGraphSecondaryLabels"
         init-state-id2="v1InitStateId"
         link-property-mapping="DIFF_GRAPH_LINK_PROPERTY_MAPPING"
         on-click-function="onClickStateInDiffGraph">
    </div>
  </div>

  <div class="col-sm-4 col-md-4 col-lg-4">
    <div class="legend-graph" ng-show="diffGraphData">
      <h4>Exploration Graph Legend</h4>
      <div state-graph-viz graph-data="legendGraph"
           node-colors="LEGEND_GRAPH_COLORS"
           node-secondary-labels="LEGEND_GRAPH_SECONDARY_LABELS"
           link-property-mapping="LEGEND_GRAPH_LINK_PROPERTY_MAPPING"
           id="legend-graph">
      </div>
    </div>
  </div>
</div>

<style>
  .legend-graph .node rect {
    pointer-events: none;
  }
  .legend-graph {
    position: relative;
    right: -100px;<commit_msg>Fix faulty layout of exploration graph (#6402)<commit_after><div ng-hide="diffGraphData" class="oppia-align-center">
  Loading
  <loading-dots></loading-dots>
</div>

<div class="row">
  <div class="col-sm-8 col-md-8 col-lg-8">
    <div state-graph-viz class="protractor-test-history-graph diff-graph"
         graph-data="diffGraphData" node-colors="diffGraphNodeColors"
         node-secondary-labels="diffGraphSecondaryLabels"
         init-state-id2="v1InitStateId"
         link-property-mapping="DIFF_GRAPH_LINK_PROPERTY_MAPPING"
         on-click-function="onClickStateInDiffGraph">
    </div>
  </div>

  <div class="col-sm-4 col-md-4 col-lg-4">
    <div class="legend-graph" ng-show="diffGraphData">
      <h4>Exploration Graph Legend</h4>
      <div state-graph-viz graph-data="legendGraph"
           node-colors="LEGEND_GRAPH_COLORS"
           node-secondary-labels="LEGEND_GRAPH_SECONDARY_LABELS"
           link-property-mapping="LEGEND_GRAPH_LINK_PROPERTY_MAPPING"
           id="legend-graph">
      </div>
    </div>
  </div>
</div>

<style>
  .legend-graph .node rect {
    pointer-events: none;
  }
  .legend-graph {
    right: -100px;
{'fraction_non_alphanumeric': 0.14558887440243373, 'fraction_numerical': 0.01303780964797914, 'mean_word_length': 3.193078324225865, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 41, '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': '1466320', 'n_tokens_mistral': 836, 'n_tokens_neox': 803, 'n_words': 115}