# Visualize Data with Bar Chart FCC **URL:** \ **Category:** Curriculum Help\ **Tags:** javascript\ **Created:** [October 13, 2020, 6:37pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426 "2020-10-13T18:37:11Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![codeofdreams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codeofdreams/32/203269_2.png) [@codeofdreams](https://forum.freecodecamp.org/u/codeofdreams)\ **Post date:** [October 13, 2020, 6:37pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/1 "2020-10-13T18:37:12Z")
[https://codepen.io/hopefulcodegirl/pen/KKMdpNW](https://codepen.io/hopefulcodegirl/pen/KKMdpNW) Can someone tell me why I currently can;t see the bar chart? Thank you! ---
**Author:** ![sitek94](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sitek94/32/336491_2.png) [@sitek94](https://forum.freecodecamp.org/u/sitek94)\ **Post date:** [October 13, 2020, 6:52pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/2 "2020-10-13T18:52:03Z")
You have a typo in your function ```auto createStuff(data); function creatStuff(data) { ... } ``` This is the error that you’re getting but it’s not shown in codepen console unfortunately. > pen.js:44 Uncaught (in promise) ReferenceError: createStuff is not defined > at pen.js:44 When working in codepen I recommend using devtools for debugging 😉 ---
**Author:** ![codeofdreams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codeofdreams/32/203269_2.png) [@codeofdreams](https://forum.freecodecamp.org/u/codeofdreams)\ **Post date:** [October 13, 2020, 6:54pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/3 "2020-10-13T18:54:36Z")
Thanks! I forgot I could use VSCode for help, lol. It’s been a while since I’ve done any serious projects. 😅 ---
**Author:** ![sitek94](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sitek94/32/336491_2.png) [@sitek94](https://forum.freecodecamp.org/u/sitek94)\ **Post date:** [October 14, 2020, 12:53pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/4 "2020-10-14T12:53:36Z")
Sometimes there is no need for VSCode and codepen is perfectly fine and I’m using it a lot 🙂 but instead of their console I do something like this ![Capture](https://global.discourse-cdn.com/freecodecamp/original/3X/4/3/4374f58eb6eb3dc9163026270224fb9764cdd4f5.png) ---
**Author:** ![codeofdreams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codeofdreams/32/203269_2.png) [@codeofdreams](https://forum.freecodecamp.org/u/codeofdreams)\ **Post date:** [October 15, 2020, 10:49pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/5 "2020-10-15T22:49:52Z")
> **[Visualize Data with Bar Chart FCC](https://codepen.io/hopefulcodegirl/pen/KKMdpNW)** > > ... I should be able to see my yaxis now. Why can’t I? ---
**Author:** ![sitek94](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sitek94/32/336491_2.png) [@sitek94](https://forum.freecodecamp.org/u/sitek94)\ **Post date:** [October 16, 2020, 6:01am UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/6 "2020-10-16T06:01:04Z")
Again I can recommend devtools 😉 ![Untitled](https://global.discourse-cdn.com/freecodecamp/original/3X/2/c/2c8ab8ddd8f66a0d25f41e783c2cf78ef723bd8f.png) When you inspect the svg, you can find that your axis is actually rendered, but somehow transformation is not applied. It’s not applied because there is a parentheses missing. ```auto .attr('transform', `translate(${50}, ${padding}`) ``` ---
**Author:** ![codeofdreams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codeofdreams/32/203269_2.png) [@codeofdreams](https://forum.freecodecamp.org/u/codeofdreams)\ **Post date:** [October 16, 2020, 5:17pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/7 "2020-10-16T17:17:07Z")
Oops. Hee hee. Thanks. ---
**Author:** ![codeofdreams](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/codeofdreams/32/203269_2.png) [@codeofdreams](https://forum.freecodecamp.org/u/codeofdreams)\ **Post date:** [October 21, 2020, 8:20pm UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/8 "2020-10-21T20:20:18Z")
> **[Visualize Data with Bar Chart FCC](https://codepen.io/hopefulcodegirl/pen/KKMdpNW)** > > ... I’m almost done. But this is not passing one of the tests. I don’t know why because i can’t understand. Can I have a little help? Thank you! 🙂 ---
**Author:** ![sitek94](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sitek94/32/336491_2.png) [@sitek94](https://forum.freecodecamp.org/u/sitek94)\ **Post date:** [October 23, 2020, 6:09am UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/9 "2020-10-23T06:09:11Z")
This is the error message. > Tooltip’s “data-date” property should be equal to the active area’s “data-date” property: expected ‘undefined’ to equal ‘1970-07-01’ It says that property `data-date` is `undefined`. My idea would be to check where are you setting this property. This is where you set attribute `data-date` in your tooltip. I’d recommend console logging and checking what actually `d` is, because it might not be what you expect it to be 😉 ```auto .on("mouseover", (d, i) => { console.log(d); tooltip.setAttribute("data-date", d[0]); }) ``` PS I’d recommend creating new topic next time if you have another issue, because this one is already marked as a one with solution so people won’t know that you still need some help 😉 ---
**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\ **Post date:** [June 1, 2021, 10:38am UTC](https://forum.freecodecamp.org/t/visualize-data-with-bar-chart-fcc/425426/10 "2021-06-01T10:38:17Z")
Closed on June 1, 2021, 10:38am UTC