<commit_before><template>
	<sunburst :data="tree">

		<!-- Add behaviors -->
		<template slot-scope="{ nodes, actions }">
		<highlightOnHover :nodes="nodes" :actions="actions" />
		<zoomOnClick :nodes="nodes" :actions="actions" />
		</template>

		<!-- Add information to be displayed on top the graph -->
		<nodeInfoDisplayer slot="legend" id="info" slot-scope="{ nodes }" :current="nodes.mouseOver" :root="nodes.root" description="of usecases"/>

		<!-- Add bottom legend -->
		<breadcrumbTrail id="breadcrumbs" slot="top"  slot-scope="{ nodes, colorGetter, width }" :current="nodes.mouseOver" :root="nodes.root" :colorGetter="colorGetter" :from="nodes.clicked" />

	</sunburst>
</template>

<script>

	import {
	  breadcrumbTrail,
	  highlightOnHover,
	  nodeInfoDisplayer,
	  sunburst,
	  zoomOnClick
	} from 'vue-d3-sunburst'

	export default {
		name: "SunburstWrap",
		components: {
			breadcrumbTrail,
		    highlightOnHover,
		    nodeInfoDisplayer,
		    sunburst,
		    zoomOnClick
		},
		props: [
			'tree'
		]
    }


</script>

<style scoped>
/** has to be fixed */
  #breadcrumbs {
    margin-top: -10px;
    position:absolute;
    bottom:-100px;
    left: 30%;
    font-size: 60%;
  }



</style><commit_msg>Fixes some of the sunburts issues<commit_after><template>
<div class="test">
  <sunburst :data="tree">

    <!-- Add behaviors -->
    <template slot-scope="{ nodes, actions }">
		<highlightOnHover :nodes="nodes" :actions="actions" />
		<zoomOnClick :nodes="nodes" :actions="actions" />
		</template>

    <!-- Add information to be displayed on top the graph -->

    <nodeInfoDisplayer slot="legend" id="info" slot-scope="{ nodes }" :current="nodes.mouseOver" :root="nodes.root" description="of usecases" />

    <!-- Add bottom legend -->

    <breadcrumbTrail id="breadcrumbs" :width="width" slot="top" slot-scope="{ nodes,colorGetter,width}" :current="nodes.mouseOver" :root="nodes.root" :colorGetter="colorGetter" :from="nodes.clicked" />

  </sunburst>
</div>
</template>

<script>

	import {
	  breadcrumbTrail,
	  highlightOnHover,
	  nodeInfoDisplayer,
	  sunburst,
	  zoomOnClick
	} from 'vue-d3-sunburst'
	import "vue-d3-sunburst/dist/vue-d3-sunburst.css";

	export default {
		name: "SunburstWrap",
		components: {
			breadcrumbTrail,
		    highlightOnHover,
		    nodeInfoDisplayer,
		    sunburst,
		    zoomOnClick
		},
		props: [
			'tree'
		]
    }


</script>

<style scoped>
.test {
	margin-bottom: 30px;
}
</style>
{'fraction_non_alphanumeric': 0.1634810898739325, 'fraction_numerical': 0.0061000406669377795, 'mean_word_length': 3.659090909090909, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '130985', 'n_tokens_mistral': 932, 'n_tokens_neox': 835, 'n_words': 174}