charticulator.com/_tutorials/tutorial3.md

3.1 KiB

description image order tutorial
Character Co-occurrence in Les Misearbles /images/tutorials/tutorial3.png 3
videoSource duration captions
mp4
../videos/tutorials/tutorial3.mp4
59.07
section
# Dataset & Chart The characters and co-occurrence connections in _Les Misérables_. In this tutorial, we create a linear arc diagram displaying the characters and their connections.
section
# Create the Glyph Create a glyph containing a rectangle mark and a text mark.
timeBegin timeEnd text
0.00 4.38 Add a rectangle mark to the glyph
timeBegin timeEnd text
4.38 8.28 Set the `Height` to 15, overriding the automatic height
timeBegin timeEnd text
8.28 13.39 Map `Group` to `Fill`
timeBegin timeEnd text
13.39 21.09 Add a text mark to the glyph, anchoring it at the bottom of the rectangle
timeBegin timeEnd text
21.09 26.89 Rotate and move the text to place it at the bottom of the rectangle
timeBegin timeEnd text
26.89 32.70 Map `Name` to `Text` and `Group` to `Color`
timeBegin timeEnd text
32.70 36.00 Make the text smaller to avoid overlap
timeBegin timeEnd text
36.00 38.83 Adjust the bottom margin of the chart to accommodate the text
section
# Create the Arcs Draw arc links between the glyphs according to the link data.
timeBegin timeEnd text
38.83 47.49 Create "Line" style links between glyphs, connecting them using the Link Data table
timeBegin timeEnd text
47.49 50.81 Change the link anchors so that the arcs emanate from the top of the glyphs
timeBegin timeEnd text
50.81 59.07 Adjust the opacity of the links