@cdc/chart 4.25.11 → 4.26.1

package/examples/private/data-points.json

@@ -0,0 +1,228 @@
+
+90°
+
+
+179°
+
+
+10
+
+0
+
+
+90°
+
+
+100
+
+90
+
+
+179°
+
+
+80
+
+90
+
+
+180°
+
+
+269°
+
+
+10
+
+0
+
+
+1°–89°
+
+90
+
+100
+
+
+90
+
+80
+
+
+269°–360°
+
+
+269°–360°
+
+
+90
+
+80
+
+90
+
+
+269°
+
+
+92°
+
+
+90
+
+90
+
+90
+
+
+1°–179°
+
+
+90
+
+80
+
+80
+
+
+0°–180°
+
+
+90
+
+100
+
+80
+
+
+269°
+
+
+92°
+
+
+0
+
+0
+
+0
+
+
+135°
+
+
+0
+
+0
+
+20
+
+
+68°
+
+
+0
+
+20
+
+0
+
+
+68°
+
+If point is 20 pixels or less above x-axis (i.e., it's a low value and close to 0) position label 0.5rem / 9px above and 0.25rem / 4.5px to the left of point: 91°–179°
+
+First data point
+
+Position label 0.5rem / 9px above point when segment is in Quadrant 3 (angle created is 180°–269°)
+
+If the point isn't near the x-axis, position label 0.5rem / 9px below point when segment is in Quadrant 2 (angle created is: 91°–179°)
+
+Last data point
+
+Position label 0.5rem / 9px above point when final segment is in Quadrant 4 (and angle created is 269°–360°)
+
+
+
+This also works for when last data point is near x-axis (i.e. it's a low value that's close to 0)
+
+If the point isn't near the x-axis and final segment is in Quadrant 1 (angle created is: 1°–89°), position label 0.5rem / 9px below point
+
+If the point is 20 pixels or less above x-axis (i.e., it's a low value and close to 0) and angle created is 0°–89° then position label 0.5rem / 9px above and 0.25rem / 4.5px to the right of point
+
+
+0
+
+10
+
+
+0°–89°
+
+
+Quadrant 3
+
+Quadrant 4
+
+
+Quadrant 2
+
+Quadrant 1
+
+
+would NOT have segments like this
+
+
+Quadrant 3
+
+Quadrant 4
+
+
+Quadrant 2
+
+Quadrant 1
+
+
+ending segments on right half
+
+
+starting segments on left half
+
+
+When looking at segments, think of them as being arranged in a grid with quadrants
+
+
+
+Starting segment (denoted in purple) should always be in Quadrants 1 or 2
+
+
+
+Ending segment (denoted in pink) should always be in Quadrants 3 and 4
+
+
+Middle data point
+
+
+Want labels to not overlap with points/lines like so:
+
+If the point isn't near the x-axis, position label 0.5rem / 9px below it when starting segment is in Quadrant 1 and ending segment is in Quadrant 2 and the angle created is 1°–179°
+
+
+
+Position label 0.5rem / 9px above point when starting segment is in Quadrant 4 and ending segment is in Quadrant 3 and the angle created is 0°–180°
+
+
+Mapping of possible starting and ending segments
+
+Position the label 0.5rem / 9px above and 0.5rem / 9px to the left of the point if starting segment is in Quadrant 4 and ending segment is in Quadrant 2 and the angle created is 92°–269°
+
+If the point is 20 pixels or less above x-axis (i.e., it's a low value and close to 0) and starting sement is in Quadrant 1 and ending segment is in Quadrant 2 then calculate the angle between the 2 segments:
+
+
+
+If it's 135°–180° then position the label 0.5rem / 9px above the point
+
+
+If it's  less than135°, calculate the angle created by the ending segment, if it's 68° or more then position the label 0.5rem / 9px above and 0.5rem / 9px to the right of the point
+Otherwise, position the label 0.5rem / 9px above and 0.5rem / 9px to the left of the point
+Position the label 0.5rem / 9px above and 0.5rem / 9px to the right of the point if starting segment is in Quadrant 1 and ending segment is in Quadrant 3 and the angle created is 92°–269°
+