Timeline component development - html/css/javascript

  • Hali: Closed
  • Zawadi: $100
  • Wasilisho Zilizopokelewa: 6
  • Mshindi: webdevloper3

Maelezo ya Shindano

I would like to have an HTML component developed using a mix of html, css, and javascript.
The timeline component will represent different event types on a audio timeline component
Events will be displayed on the timeline with different color diamonds
Event types of the same type will be displayed in the same color
Moving the mouse cursor over a point in the timeline will produce a temporary window with the timestamp in it
Moving the mouse cursor away from the selected point will cause the temporary window to disapear

I've attached a sample json dataset to help visualize what kind of data will be used within this component

The component should be delivered in HTML/css/javascript

Ujuzi unaopendekezwa

Wasilisho kuu kwenye hili shindano

Angalia wasilisho zaidi

Bodi ya Ufafanuzi ya Umma

  • SushantBorsania
    SushantBorsania
    • Miaka 5 iliyopita

    Please check my entry: I have created it on AUDIO timeline and with all the functionality you mentioned. Thanks

    • Miaka 5 iliyopita
  • SushantBorsania
    SushantBorsania
    • Miaka 5 iliyopita

    Please wait for my entry. I am working on it - very close to completion..

    • Miaka 5 iliyopita
  • kaykyb
    kaykyb
    • Miaka 5 iliyopita

    Should the timeline component have zoom and/or scroll functionality?

    • Miaka 5 iliyopita
  • postvignesh
    postvignesh
    • Miaka 5 iliyopita

    Can you tell about the audio timeline component you will be using? Or are you open to a solution which combines both audio & different event type functionality?

    • Miaka 5 iliyopita

Jinsi ya kuanza kwa kutumia mashindano

  • Chapisha Shindano Lako

    Chapisha Shindano Lako Haraka na rahisi

  • Pokea wasilisho nyingi

    Pokea Wasilisho Nyingi Kutoka kote ulimwenguni

  • Tuza wasilisho bora zaidi

    Tuza wasilisho bora zaidi Pakua faili - Rahisi!

Tuma Shindano Sasa ama Jiunge nasi Leo!