Coder Social home page Coder Social logo

Comments (13)

QuincyLarson avatar QuincyLarson commented on August 12, 2024 1

@tchaffee I think @paycoguy's implementation looks great, and I see his point about revealing additional data by changing the X axis. I think we can leave this as is.

from testable-projects-fcc.

no-stack-dub-sack avatar no-stack-dub-sack commented on August 12, 2024

@AdventureBear I'm cc'ing @Christian-Paul and @paycoguy who created this project and tests to get their opinion on this one. I'm a little out of the loop when it comes to the D3 projects. Thanks.

from testable-projects-fcc.

AdventureBear avatar AdventureBear commented on August 12, 2024

Great, 8; there is a compelling reason to change the challenge that's fine, but aside from what I already wrote, sorting and using that as an axis is another small js challenge

from testable-projects-fcc.

AdventureBear avatar AdventureBear commented on August 12, 2024

Better yet, can we add a transition?

from testable-projects-fcc.

andrealonzo avatar andrealonzo commented on August 12, 2024

@AdventureBear

I understand what you're saying and thank you for being the one that created this graph.

The reason I changed the way the data was visualized was mainly from a scatterplot perspective. When I think of a scatterplot, I think of something like this:

http://bolt.mph.ufl.edu/files/2012/07/images-mod2-scatterplot4.gif

Here, we have variables and we want to see if there is a correlation between the variables.

In the original doping scatter plot, the finishing place is directly related to finishing time, so there is no need for this to be presented as a scatter plot. It could be presented using only 1 axis, or a line graph.

In the new doping scatter plot, the dots are actually "scattered". I think the new plot still shows the sheer amount of doping allegations, but also shows doping allegations over time.

@no-stack-dub-sack and @QuincyLarson
Since this is not a technical issue, I will defer to you on what we should do. We can go back to the original plot, stay with the new plot, or choose a data set. I'm fine either way.

For your reference, here is the original plot

https://codepen.io/freeCodeCamp/full/ONxvaa

Here is the new plot

http://codepen.io/paycoguy/pen/QGYVeb

from testable-projects-fcc.

no-stack-dub-sack avatar no-stack-dub-sack commented on August 12, 2024

@paycoguy @AdventureBear I understand what you're saying here @paycoguy ☝️ and agree that this is a better example of an actual "scatter" plot in the end. The original visualization does not necessarily require a scatter plot to achieve the same effect. Visually, I think the original it is more impressive - although that's not necessarily what we're after.

@AdventureBear The idea of a transition is pretty badass, and would certainly show multiple perspectives on the same data, however, our goal in revamping the projects here, is to keep them as relatively simple as possible, because feedback from campers on previous projects was that cool effects and transitions intimidated them too much. So while I think that's a great idea, I think it might be overkill for what we're trying to achieve. Do you see the value in @paycoguy's reasoning?

from testable-projects-fcc.

AdventureBear avatar AdventureBear commented on August 12, 2024

from testable-projects-fcc.

no-stack-dub-sack avatar no-stack-dub-sack commented on August 12, 2024

@AdventureBear A little late in getting to this, but if you want to fork the repo and add the data set and make sure everything still works with the tests, I see no harm in that, and would only strengthen our example. Up to you and whether or not you'd like to take the initiative to do that here

If you decide to, and have any questions about the repo, feel free to ping me on Gitter

from testable-projects-fcc.

AdventureBear avatar AdventureBear commented on August 12, 2024

from testable-projects-fcc.

no-stack-dub-sack avatar no-stack-dub-sack commented on August 12, 2024

@AdventureBear None. lol. Ongoing dev. Take your time - none of this will be official until beta is rolled to production, if you get to it, we can review at that point, if you don't no biggie!

from testable-projects-fcc.

Lakston avatar Lakston commented on August 12, 2024

I just finished this one and agree with @AdventureBear (I just created a topic on FCC forums about it).

Here is my version of it with the test suite included (I obviously can't pass the test because I do not respect the axes suggested by the challenge).

I chose ranking / time behind fastest athlete because that's the data I had in hand, it presents the data in a more readable way and still uses the same json input.

Edit : Ok i just re-read some posts here and realise I actually used the 'old way' of presenting the data, I hadn't clicked on the links, silly me, I much prefer this presentation (maybe I saw it a long time ago and had it in the back of my mind).

from testable-projects-fcc.

no-stack-dub-sack avatar no-stack-dub-sack commented on August 12, 2024

@Lakston but what about the argument the data is not "scattered" in the original presentation? I tend to agree that while the data is more readable in the older presentation, the current version is a more accurate picture of a scatter plot, and a scatter plots point, is not necessarily to have the most easily readable data, but to show a scattered relationship

from testable-projects-fcc.

tchaffee avatar tchaffee commented on August 12, 2024

@no-stack-dub-sack @QuincyLarson Can someone make a decision about what we want to do with this or can we close it? I do like the old presentation of the data a little better, but in terms of getting experience creating a scatter plot there isn't much difference between the two approaches. So unless someone is willing to re-write the tests to fit the the other layout, then I'm ok with keeping this as-is.

from testable-projects-fcc.

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.