# Let's discuss your "Bar Chart Visualization" **URL:** \ **Category:** I Built This\ **Created:** [May 30, 2016, 6:42am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190 "2016-05-30T06:42:43Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![santakmishra](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/santakmishra/32/9055_2.png) [@santakmishra](https://forum.freecodecamp.org/u/santakmishra)\ **Post date:** [May 30, 2016, 6:42am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/1 "2016-05-30T06:42:43Z")
Greetings, Fellow Campers! This topic is for listing and review of [Bar Chart Visualization](https://www.freecodecamp.com/challenges/visualize-data-with-a-bar-chart) 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:- ```auto 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. ---
**Author:** ![mtroiani](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/mtroiani/32/3592_2.png) [@mtroiani](https://forum.freecodecamp.org/u/mtroiani)\ **Post date:** [May 30, 2016, 4:54pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/2 "2016-05-30T16:54:26Z")
Project Link - [http://codepen.io/mtroiani/full/adrZpd/](http://codepen.io/mtroiani/full/adrZpd/) ---
**Author:** ![d33con](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/d33con/32/79588_2.png) [@d33con](https://forum.freecodecamp.org/u/d33con)\ **Post date:** [July 25, 2016, 3:11am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/3 "2016-07-25T03:11:26Z")
[Project Link](http://codepen.io/d33con/full/mEXXPV/) ---
**Author:** ![bonham000](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bonham000/32/161278_2.png) [@bonham000](https://forum.freecodecamp.org/u/bonham000)\ **Post date:** [July 25, 2016, 3:26am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/4 "2016-07-25T03:26:58Z")
I made my bar chart with [D3](https://codepen.io/bonham000/full/dXGoQj) and with [React](https://codepen.io/bonham000/full/LZZRpq). I’m quite fond of the React version. ---
**Author:** ![beaucarnes](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/beaucarnes/32/417732_2.png) [@beaucarnes](https://forum.freecodecamp.org/u/beaucarnes)\ **Post date:** [August 11, 2016, 6:54pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/5 "2016-08-11T18:54:34Z")
[Here] ([http://codepen.io/beaucarnes/full/mEajWK/](http://codepen.io/beaucarnes/full/mEajWK/)) is mine! It is interesting that bonham000’s React version is shorter than his D3 version. ---
**Author:** ![j-steve-martinez](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/j-steve-martinez/32/95219_2.png) [@j-steve-martinez](https://forum.freecodecamp.org/u/j-steve-martinez)\ **Post date:** [August 11, 2016, 11:34pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/6 "2016-08-11T23:34:02Z")
Project Link - [here is mine](http://codepen.io/j_steve_m/full/KrbJXx/) Any thoughts? ---
**Author:** ![rameshsyn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/rameshsyn/32/163593_2.png) [@rameshsyn](https://forum.freecodecamp.org/u/rameshsyn)\ **Post date:** [August 12, 2016, 10:25am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/7 "2016-08-12T10:25:00Z")
Here is mine ! > **[Bar Chart - FCC](https://codepen.io/rameshsyn/full/rLQAGr/)** > > US - Domestic Gross Product - quarterly upto 2015... ---
**Author:** ![AungMyoKyaw](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aungmyokyaw/32/285707_2.png) [@AungMyoKyaw](https://forum.freecodecamp.org/u/AungMyoKyaw)\ **Post date:** [September 25, 2016, 8:24pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/8 "2016-09-25T20:24:01Z")
Dear Free Code Camper, **Project Link** =\> [http://www.aungmyokyaw.com/FCC-D3/BarChart/](http://www.aungmyokyaw.com/FCC-D3/BarChart/) **Source Code** =\> [https://github.com/AungMyoKyaw/FCC-D3](https://github.com/AungMyoKyaw/FCC-D3) 😃 ---
**Author:** ![Neotriz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/neotriz/32/22474_2.png) [@Neotriz](https://forum.freecodecamp.org/u/Neotriz)\ **Post date:** [September 30, 2016, 9:18pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/9 "2016-09-30T21:18:32Z")
@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 ---
**Author:** ![Neotriz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/neotriz/32/22474_2.png) [@Neotriz](https://forum.freecodecamp.org/u/Neotriz)\ **Post date:** [September 30, 2016, 11:16pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/10 "2016-09-30T23:16:43Z")
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](http://s.codepen.io/neotriz/debug/PGJqQq) > **[KenzoM/d3-bar-chart-FCC](https://github.com/KenzoM/d3-bar-chart-FCC)** > > d3-bar-chart-FCC - FCC-BarChart I’ve decided to add some transition(), as well as a gridlines and some extra AJAX’s methods Let me know what you think! ---
**Author:** ![eddyw](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/eddyw/32/11676_2.png) [@eddyw](https://forum.freecodecamp.org/u/eddyw)\ **Post date:** [October 16, 2016, 1:58am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/11 "2016-10-16T01:58:57Z")
Project Link ─ [FreeCodeCamp : Visualize Data with a Bar Chart](https://s.codepen.io/eddyw/debug/WGKwVy) Feedback is really appreciated. 😉 Built with React.js, D3.js (v4), and SASS. ---
**Author:** ![brusbilis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/brusbilis/32/135270_2.png) [@brusbilis](https://forum.freecodecamp.org/u/brusbilis)\ **Post date:** [October 19, 2016, 10:08am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/12 "2016-10-19T10:08:27Z")
Project Link --\> [https://codepen.io/BrusBilis/full/ZpAaLJ](https://codepen.io/BrusBilis/full/ZpAaLJ) ---
**Author:** ![Josh5231](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/josh5231/32/3269_2.png) [@Josh5231](https://forum.freecodecamp.org/u/Josh5231)\ **Post date:** [October 28, 2016, 6:47am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/13 "2016-10-28T06:47:35Z")
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/](http://codepen.io/Josh5231/full/gwEWYx/) As always, any feedback is appreciated. ---
**Author:** ![ubershibs](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ubershibs/32/164373_2.png) [@ubershibs](https://forum.freecodecamp.org/u/ubershibs)\ **Post date:** [November 15, 2016, 9:09am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/14 "2016-11-15T09:09:32Z")
Project link: [http://codepen.io/ubershibs/pen/NRQOxN](http://codepen.io/ubershibs/pen/NRQOxN) ---
**Author:** ![yuzu-r](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/yuzu-r/32/31865_2.png) [@yuzu-r](https://forum.freecodecamp.org/u/yuzu-r)\ **Post date:** [December 18, 2016, 4:46pm UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/15 "2016-12-18T16:46:39Z")
Are there tooltips? I don’t see them in chrome or firefox. ---
**Author:** ![miwst](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/miwst/32/48514_2.png) [@miwst](https://forum.freecodecamp.org/u/miwst)\ **Post date:** [January 7, 2017, 2:30am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/16 "2017-01-07T02:30:24Z")
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: ```auto d3.request(url) .mimeType("application/json") .response(function(xhr) { return JSON.parse(xhr.responseText); }) .get(callback); ``` ---
**Author:** ![miwst](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/miwst/32/48514_2.png) [@miwst](https://forum.freecodecamp.org/u/miwst)\ **Post date:** [January 8, 2017, 5:54am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/17 "2017-01-08T05:54:30Z")
[Here’s mine](http://codepen.io/MichaelWStuart/full/xgGmPq/). Tried to follow d3 conventions to a T. ---
**Author:** ![JordanSobovitch](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jordansobovitch/32/169491_2.png) [@JordanSobovitch](https://forum.freecodecamp.org/u/JordanSobovitch)\ **Post date:** [January 8, 2017, 6:23am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/18 "2017-01-08T06:23:22Z")
[Nothin’ fancy but it works](https://codepen.io/JordanSobovitch/full/EZjRqG/) \<= **Bar Chart Project** ---
**Author:** ![RadDog25](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/raddog25/32/55504_2.png) [@RadDog25](https://forum.freecodecamp.org/u/RadDog25)\ **Post date:** [January 15, 2017, 4:36am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/19 "2017-01-15T04:36:17Z")
[https://raddog25.github.io/barchart/](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. ---
**Author:** ![chemok78](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/chemok78/32/163107_2.png) [@chemok78](https://forum.freecodecamp.org/u/chemok78)\ **Post date:** [January 20, 2017, 8:13am UTC](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190/20 "2017-01-20T08:13:05Z")
here is mine! [http://s.codepen.io/chemok78/debug/ggLJWm/DqkDdVOjbwok](http://s.codepen.io/chemok78/debug/ggLJWm/DqkDdVOjbwok) [Next page](https://forum.freecodecamp.org/t/lets-discuss-your-bar-chart-visualization/6190.md?page=2)