CSS/SVG to replace "videos" ?

Discussion in 'HTML & Website Design' started by davidGates, May 23, 2024.

  1. #1
    Watching a lot of videos online about world affairs they of course heavily rely on maps, with markers and other such graphical accents, but it's all rasterised in video format i.e. read only and cumbersome and not just text like CSS.

    Looking at what Apple did to demonstrate some coding concepts (https://developer.apple.com/tutorials/sample-apps/organizingwithgrids) it got me thinking about how "videos" could change to be just mathematical data, so that a user could scroll and the visual story would just unfold, with text, almost video like.

    I wanted to stick to something universal like CSS, which was safe. Yes, it would need and accept SVGs, but you get the idea, the content would be open, light and could be seen on any platform.

    Is there anything that exists like this today ?
     
    davidGates, May 23, 2024 IP
  2. JEET

    JEET Notable Member

    Messages:
    3,832
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #2
    I don't think anything like this exists.
     
    JEET, May 25, 2024 IP
  3. GreenHost.Cloud

    GreenHost.Cloud Active Member

    Messages:
    471
    Likes Received:
    34
    Best Answers:
    3
    Trophy Points:
    73
    #3
    Some emerging technologies like interactive SVG and HTML5 allow for more dynamic and interactive visual content on the web. These technologies can create a more engaging experience for users while still being lightweight and versatile across different platforms.
    Some platforms are also exploring the use of data visualization tools like D3.js or Tableau to create more interactive and dynamic visual content. These tools allow for the creation of data-driven visuals that can be easily updated and manipulated by users, providing a more engaging and educational experience.
     
    GreenHost.Cloud, May 27, 2024 IP
  4. davidGates

    davidGates Greenhorn

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #4
    I thank you for your contributions.

    Take the following example: https://www.freecodecamp.org/news/how-to-make-clickable-svg-map-html-css/

    1. The map displays with the title of the story and a small block of summary text.
    2. The immediate experience for those unfamiliar will likely benefit from :hover (on a desktop) events as they map is interactive, or perhaps something automatic on a touch based UI.
    3. After a set period of time an animation will indicate the need to scroll (or press a button) for the story to unfold, or perhaps just automatically begin.
    4. Back-end the code will use the familiar timeline system to allow for scrubbing back an forth, as a normal text heavy article would online.
    5. Events are triggered at specific points in the timeline: in this instance likely a specific country on the map enlarges to vanquish all neighbouring ones, with markers and trail lines to illustrate the story.

    Although this is possible with JavaScript, how much of this is possible with just HTML ?

    Although this would likely be an online experience, with current web browsers having CSS/HTML/JS pre-loaded, such a system would be truly universal were it to automatically for CLI.

    Ultimately though, just like a text article, with all manner of markup, it is still easy enough for the average person to amend the text. I would imagine the open standard XML, being a markup container language, would be best suited for this ?
     
    davidGates, May 31, 2024 IP