Here is mine:
Project Link - http://codepen.io/chemok78/full/xgqLpp/
Hello, guys here is mine version of ScatterPlot Graph. I put big effort in it. Hope you will enjoy and give some feedback, Good Luck everybody!
I just finished the D3 scatterplot visualization project. This was my first ever attempt at D3.
I kept the original dataset proposed in the challenge but I decided to change the tone of the visualization to something âlighterâ than putting the emphasis on doping, although info on doping can still be found when mousing over the dots. I also played a bit with animations as you will see.
I found two very useful resources for this project:
-âinteractive Data Visualization for the Webâ by Scott Murray, which I have bought but you can find for free on the oreilly website. The only drawback is that it refers to an old version of D3 (v3) and some of the method names have changed in v4. Still very good in walking you through the general logic of D3 which is not the most intuitive for a complete beginner
-âD3 Tips and Tricksâ by Malcolm McLean which you can find at leanpub.com You can get it for free but itâs definitely worth giving the author a contribution. Without this book it would have taken me way longer than the couple of days I spent on this challenge.
I really enjoyed this project, looking forward for your feedback. You can find my project here:
Project Link - https://codepen.io/aleave/full/zZeOKZ/
https://dereje1.github.io/Scatter-Plot/
This was simply an extension of the previous (bar chart) project.
I choose http://www.chartjs.org/ a lightweight and simpler library than d3.
Project => https://jolav.me/freecodecamp/old/data/scatterplot/scatterplot.html
I see that someone offered a solution to this already. However, you could potentially use css to accomplish this.
circle{ stroke: rgb(204, 204, 204); stroke-width: 1px; cursor: pointer; } circle:hover{ stroke: black; }
Hereâs my project for reference:
Project Link - https://codepen.io/dfire/full/pdwOKb/
My version here : project link
During this project i found that IE does not support arrow functions
And also SVG text does not automatically fit to fixed width, the challenge to solve
Thatâs a good thing to discover Did you keep them in the end, or replace them?
replaced⌠also my opinion IE is like a dinosaur in present time, too much care for it
Note that Iâm closing this thread. Itâs much easier to get feedback if you create your own individual post requesting feedback for your own specific project.