Sentence cloud
A sentence cloud, also referred to as a sentence visualization or sentence collage, is a textual representation that visualizes sentences or short phrases from a body of text. Instead of focusing on individual words like a word cloud, a sentence cloud emphasizes complete sentences or meaningful sentence fragments.
Related tutorials
Demo source
<!-- Styles -->
<style>
#chartdiv {
width: 100%;
height: 500px;
}
</style>
<!-- Resources -->
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/wc.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
<!-- Chart code -->
<script>
am5.ready(function() {
// Create root element
// https://www.amcharts.com/docs/v5/getting-started/#Root_element
var root = am5.Root.new("chartdiv");
// Set themes
// https://www.amcharts.com/docs/v5/concepts/themes/
root.setThemes([
am5themes_Animated.new(root)
]);
// Add series
// https://www.amcharts.com/docs/v5/charts/word-cloud/
var series = root.container.children.push(am5wc.WordCloud.new(root, {
maxCount: 100,
minWordLength: 2,
minFontSize: am5.percent(6),
maxFontSize: am5.percent(8),
angles: [0]
}));
var colorSet = am5.ColorSet.new(root, { step: 1 });
// Configure labels
series.labels.template.setAll({
paddingTop: 5,
paddingBottom: 5,
paddingLeft: 5,
paddingRight: 5,
fontFamily: "Courier New"
});
series.labels.template.setup = function(label) {
label.set("background", am5.RoundedRectangle.new(root, { fillOpacity: 1, fill: colorSet.next() }))
}
series.data.setAll([
{ category: "Lorem ipsum\ndolorsit amet,\nconsectetur", value: 2.1 },
{ category: "Sed do eiusmod\ntempor incididunt\nut labore et", value: 2.2 },
{ category: "Duis aute irure\ndolor in\nreprehenderit", value: 2.3 },
{ category: "Voluptate velit\nesse cillum dolore\neu fugiat nulla", value: 2.1 },
{ category: "Excepteur sint\noccaecat cupidatat\nnon proident", value: 2.2 },
{ category: "Nupidatat non proident", value: 2 },
{ category: "Incididunt ut labore et", value: 2.5 },
{ category: "Voluptate velit\ncillum dolore eu nulla", value: 2.1 }])
}); // end am5.ready()
</script>
<!-- HTML -->
<div id="chartdiv"></div>