Let's discuss your "Scatterplot Graph Visualization"

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!

Here is my scatter-plot graph:

site
repo

Comments welcome!

Project Link - Visualize Data with a Scatterplot Graph
welcome to feedback:grin:

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/

Here is mine! Project link
:stuck_out_tongue:

Project link: https://absolitudo.github.io/scatterplot-graph/

Project Link - link
thanks

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 :frowning_face:
And also SVG text does not automatically fit to fixed width, the challenge to solve :sunglasses:

Done
github code
project link

Project Link - https://codepen.io/LetsZiggy/full/ypmGvP/

Here is Mine -
Link to Codepen
Link to Project on my portfolio website
Thanks!

That’s a good thing to discover :slight_smile: 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

1 Like

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.