To display longer text on the upper left,
you can either:
// Breadcrumb dimensions: width, height, spacing, width of tip/tail.
var b = {
w: 175, h: 30, s: 3, t: 10
};```
#sequence text{
font-size: 10px;
}
</style>```
forked from kerryrodden's block: Sequences sunburst (d3 v4)
xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<title>Sequences sunburst</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css?family=Open+Sans:400,600">
<link rel="stylesheet" type="text/css" href="sequences.css"/>
<style>
#sequence text{
font-size: 10px;
}
</style>
</head>
<body>
<div id="main">
<div id="sequence"></div>
<div id="chart">
<div id="explanation" style="visibility: hidden;">
<span id="percentage"></span><br/>
of visits begin with this sequence of pages
</div>
</div>
</div>
<div id="sidebar">
<input type="checkbox" id="togglelegend"> Legend<br/>
<div id="legend" style="visibility: hidden;"></div>
</div>
<script type="text/javascript" src="sequences.js"></script>
<script type="text/javascript">
// Hack to make this example display correctly in an iframe on bl.ocks.org
d3.select(self.frameElement).style("height", "700px");
</script>
</body>
</html>
https://d3js.org/d3.v4.min.js