Sentiment Trends Comments Block for Ark UI

Edit LINES, one line per day: the ISO date, the positive and negative counts, the release name (or empty) and three sample comments separated by ~, each starting with + for a positive comment or - for a negative one. The net figure, the line, the flags, the weekday names, the table and the sentences are worked out from those lines. The last 14 days are typed; the 7-day view is the last 7 of them.

It is one SVG path in a 100 by 100 box that stretches to the figure, with a non-scaling stroke so the line keeps its weight. The dots, the flags and the zero label are small elements placed by percentage in a left-to-right box, so the chart does not mirror in right-to-left languages. The line, the dashed flags and the dots are drawn in foreground weights, so the chart is the same in every theme and needs no colour to be read.

Everything; the figures are typed for this demo and nothing is fetched. In a real app, classify each comment when it arrives (with word lists or a model), store the tone with it, and have the server count positive and negative comments per day. Keep the sample comments real: show the ones that moved the count most, not the first ones.

The chart is hidden from screen readers and replaced by a table in the figure with every day's counts. The slider is a native range input with a spoken value ("Thu 8 Oct, net −8") that moves with the arrow keys, Home and End, and each day button is named with the date and both counts. The selected button is pressed, not only coloured.

The line, the buttons and the table cover 14 days and the slider gets 14 stops. A day you picked in the shorter range stays picked when you switch to the longer one; when you switch back and the day falls outside the 7 days, the oldest day in view is picked.

The chart keeps its 7 or 14 columns and its height, the day buttons scroll sideways inside their band, and the list of comments keeps room for three so picking a day never moves the page.