Git Product home page Git Product logo

Comments (3)

kracekumar avatar kracekumar commented on April 30, 2024

I'm no UI person.

Screenshot 2020-03-23 at 4 27 18 PM

In the first image, the graph has no x-axis, y-axis, no hover information. There is no interaction for the user, just an interpretation of the trend - upward, even, downward. If the intention is to show the trend, using "arrows" next to text may make sense or use some other strategy.

Screenshot 2020-03-23 at 4 27 30 PM

In the second image, the graph has no y-axis unit now the number is in hundreds when numbers reach thousands, this is confusing without axis info. Even when the cursor changes while hovering the data, the data isn't displayed as a tooltip in the browser but at the beginning of the graph. I don't know this is optimization for mobile. It's confusing without the y-axis info.

Keep up the good work!

from covid19india-react.

jeremyphilemon avatar jeremyphilemon commented on April 30, 2024

@kracekumar really appreciate the detailed issue description and the screenshots! Will address them!

  • More context to timeseries charts
  • Tooltip for minigraphs

from covid19india-react.

jeremyphilemon avatar jeremyphilemon commented on April 30, 2024

Closing this because we've made progress with the charts' readability by now. Will have to figure out the tooltips for the minigraphs since it's just an interpretation "upward/downward" we want people to visualize at the moment.

from covid19india-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.