Let's discuss your "Bar Chart Visualization"

Greetings, Fellow Campers!

This topic is for listing and review of Bar Chart Visualization projects built as a part of FCC challenges. Please stick to these basic rules to keep the topic clean:-

  • Post your Codepen (or other) link to your project as a general reply to this topic.
  • For Codepen links use the following format to avoid embedding the pen:-
Project Link - [http://codepen.io/santakmishra/full/pgqOYq/](http://codepen.io/santakmishra/full/pgqOYq/)
  • Post reviews as a specific reply to the link which you are reviewing.

Project Link - http://codepen.io/mtroiani/full/adrZpd/

1 Like

Project Link

I made my bar chart with D3 and with React. I’m quite fond of the React version.

1 Like

[Here] (http://codepen.io/beaucarnes/full/mEajWK/) is mine!

It is interesting that bonham000’s React version is shorter than his D3 version.

Project Link - here is mine

Any thoughts?

Here is mine !

Dear Free Code Camper,
Project Link => http://www.aungmyokyaw.com/FCC-D3/BarChart/
Source Code => https://github.com/AungMyoKyaw/FCC-D3
:smiley:

@AungMyoKyaw, you may need to check your axis labels. Not only it’s in wrong units, but it would be nice to see what they are in the first place

1 Like

After going back and forth with the V4 and V3 documentation, I think I got the hand of the d3.js

http://s.codepen.io/neotriz/debug/PGJqQq

I’ve decided to add some transition(), as well as a gridlines and some extra AJAX’s methods

Let me know what you think!

Project Link ─ FreeCodeCamp : Visualize Data with a Bar Chart

Feedback is really appreciated. :wink:
Built with React.js, D3.js (v4), and SASS.

Project Link --> https://codepen.io/BrusBilis/full/ZpAaLJ

There is definitely a steep learning curve for D3, especially when your using version 4 and all the tutorials out there are using version 3. Anyways heres mine:
Project Link - http://codepen.io/Josh5231/full/gwEWYx/
As always, any feedback is appreciated.

Project link: http://codepen.io/ubershibs/pen/NRQOxN

Are there tooltips? I don’t see them in chrome or firefox.

Just began learning D3 today and have been looking through the projects posted in this thread. I’ve noticed almost all of them have been using jQuery to do the JSON API request. Just wanted to point out that there is no need for it. D3 provides you with a method:

d3.request(url)
    .mimeType("application/json")
    .response(function(xhr) { return JSON.parse(xhr.responseText); })
    .get(callback);
2 Likes

Here’s mine. Tried to follow d3 conventions to a T.

Nothin’ fancy but it works <= Bar Chart Project

https://raddog25.github.io/barchart/
d3’s js file isn’t https so you need to turn it on when the page loads. Done in vanilla javascript for once.

here is mine!

http://s.codepen.io/chemok78/debug/ggLJWm/DqkDdVOjbwok