Hello Jess,
Here is the Samsung line chart. I put a delay of 4 seconds for each tooltip text, so the user can read it before the line moving to the next point. Please tell me if that is too much or too little. Regarding the 9th Oct, you can see looking at the axis that the point is off, because it actually refers to the 7th of October. We can keep it this way, or we can simply duplicate the data from the 7th to the 9th (as it was a public holiday in Korea, does the close value remains the last one?).
As I don’t know the web page this chart will be in, I wrote a function that starts the animation only when the chart is in user’s view. You can see that here: I put a huge Lorem ipsum below, so you’ll have to scroll to reach the chart. Once you get there, the animation starts.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam efficitur hendrerit nisl sit amet finibus. Mauris molestie arcu ut leo lacinia porta. Curabitur ultrices urna non elit sollicitudin dapibus. Etiam malesuada at justo quis luctus. Proin ut ligula urna. Aliquam erat volutpat. Praesent ultrices augue ac volutpat mattis. Etiam nec elementum ligula. Aenean facilisis nisl lobortis ipsum scelerisque, a feugiat turpis placerat. Fusce facilisis consectetur est, ut ornare massa bibendum eget. Sed varius tincidunt metus id mollis. Vivamus vitae sem tristique, lobortis est tristique, rutrum lectus. Integer placerat risus ut velit pretium, quis ultricies elit pretium. Morbi tincidunt, orci sit amet vehicula ornare, enim mi varius mauris, ac accumsan libero nunc vel dolor.
Nulla ultricies ante nulla, ultricies suscipit elit mattis nec. Donec congue dui mauris, in lobortis diam accumsan nec. Proin suscipit, metus ut consectetur venenatis, quam orci tempor nisl, a rutrum nunc est at urna. Aliquam sit amet libero rhoncus, commodo nisl et, condimentum orci. Proin congue orci at cursus viverra. Duis in commodo dui, et consectetur turpis. Morbi suscipit egestas tortor, et sagittis orci lacinia cursus. Ut efficitur massa id tempor blandit. Vestibulum quis lectus in nisl euismod volutpat sed non odio. Suspendisse eros turpis, fermentum ac elementum in, hendrerit vel justo. Aliquam elementum tortor lacus, sit amet posuere turpis fermentum et. Integer rhoncus venenatis nibh, vel congue magna hendrerit ac. In condimentum mauris neque, at hendrerit eros sodales eget. Etiam faucibus turpis in maximus vestibulum.
Praesent ut turpis iaculis, finibus tellus quis, sollicitudin lacus. Vivamus hendrerit, arcu fermentum elementum interdum, tellus felis commodo odio, at dignissim tellus purus quis ipsum. Maecenas diam sem, lacinia convallis aliquam et, fermentum at metus. Ut aliquam aliquam sem quis iaculis. Nunc quam justo, sodales et sagittis eget, gravida id lectus. Maecenas facilisis turpis nec ipsum vehicula sollicitudin. Curabitur mollis, sapien eu tempus placerat, massa massa dignissim diam, ut dapibus justo dolor at quam. Vivamus tempus interdum luctus. Vestibulum faucibus ac mauris in pharetra. Cras viverra fermentum tellus, id sodales dolor volutpat eu.
Integer diam lectus, suscipit sit amet mattis ac, pulvinar lobortis libero. Aliquam sem nunc, elementum eu mauris quis, viverra porta mauris. Vivamus enim eros, pharetra non egestas et, feugiat ac tellus. Nunc vel mollis dui. Ut laoreet, diam vitae consectetur tempor, lectus mauris mattis ligula, nec lobortis sapien lacus at nisl. Cras efficitur congue nisl cursus aliquet. Curabitur mollis ex nec dolor volutpat viverra. Aliquam mollis ullamcorper tempor. Sed at blandit mauris, non ullamcorper libero. In eu eros in mauris varius viverra.
Duis ultricies eros nibh. Aenean tincidunt, arcu vitae pellentesque aliquam, turpis nulla tempor ligula, ullamcorper elementum augue velit vel nisi. Nam in lectus sed metus efficitur porttitor. Vivamus vestibulum justo lectus, eget placerat turpis placerat a. Pellentesque quis orci in lacus tempor dictum. Nullam eget felis in lacus vestibulum interdum. Donec posuere dui sit amet quam laoreet mollis.
Here is the chart:
PS: This page is not listed by Google or other service, I'm using a "noindex" meta.