Stream Status

26 Responses (page 1 of 2)

1. Adam Whitcroft

   Some more UI elements from this thing at work.

   The visualisation dashboard uses data streams to create the charts, and these are the various control states for each stream.

   Once a data stream has been created, an instance is added to the dashboard sidebar in the default 'inactive' state.

   Clicking on the inactive state will result in one of two outcomes:

   1 - If the stream has been configured correctly, it will start running. If a running stream control is hovered, the pause icon is displayed. If a running stream control is clicked, it will return to the inactive state.

   2 - If there are any errors in the stream configuration, the error state kicks in. When you open the settings (by clicking on the cog) errors will be highlighted for you to correct.

   For now, these animations are just a simple .gif sprite but the aim is to draw them in SVG down the line.

   Also, the labels (Inactive, Running, Pause? and Error) are just there to show states - these are actually stream names in the dashboard.

   1likes

   3 months ago

2. Pro Michael Christensen

   This is just beautiful... Really digging these @Adam Whitcroft ..
   Keep up the good work :)

   3 months ago

3. Pro James ✌

   Great work. I'd probably speed up the "Running" icon.

   8likes

   3 months ago

4. Louis Bullock

   So beautiful, can't see anything wrong with it! :) Perhaps on hover, you could make the settings gear spin once. That'd be cute.

   3 months ago

5. Adam Whitcroft

   @Louis Bullock The settings cogs spin on hover already ;)

   1likes

   3 months ago

6. Pro Rovane Durso

   beautiful work! hypnotic :)

   1likes

   3 months ago

7. Filip Wroblewski

   love it!

   1likes

   3 months ago

8. Nicholas Hendrickx

   Oh man I love these subtle animations!

   2likes

   3 months ago

9. Pro Ben Hubbard

   I'd personally increase the margin to the left of the red alert box ever so slightly as it feels slightly cramped here in comparison to the rest of the work. I really like the icons though, and the general colour tones.

   Nice work :)

   3 months ago

10. Pro Anton Kudin

    Continuing on oscillograph theme, shouldn't "inactive" be just a line? :)
    EDIT Or a dot.

    3 months ago

11. Pro Simon Lawrence

    Very nice! Never thought to use something animated for this sort of thing, really adds that fine detail that is needed to make something awesome.

    3 months ago

12. Pro Grant McAllister

    These look awesome, but isn't the error icon running the wrong way?

    2likes

    3 months ago

13. Adam Whitcroft

    @Grant McAllister Good lord you're right. Well spotted!

    1likes

    3 months ago

14. Pro Tycho Klein Severt ⚜

    This is amazing! :O

    3 months ago

15. Pro Giorgio Pia

    great job! so clean!

    3 months ago

16. Pro « urbanjahvier »

    Awesome!

    3 months ago

17. Pro Roberto Torres

    This is hot!

    3 months ago

18. Pro Matt Mischuk

    Love this idea! Well, executed!

    3 months ago

19. Pro Ryan Murphy

    i nearly fell asleep watching these.

    3 months ago

20. Pro Zach Roszczewski

    so dope!

    3 months ago

21. Pro Jon Sutherland

    Beautiful!

    3 months ago

22. Pro Anthony Lam

    really smart! I like this a lot.

    3 months ago

23. Pro Matthew Kosloski

    Very unique! Lovely colors.

    3 months ago

24. Pro Julia Khusainova

    This is cool! Great work @Adam

    3 months ago

25. Pro JAWA₯

    love all alerts

    3 months ago