Loading...
アイコン

Eleftheria Batsou

チャンネル登録者数 6960人

1万 回視聴 ・ 111いいね ・ 2018/03/15

Visualize Data with a Bar Chart - D3.js - FreeCodeCamp

Hello everybody, I am Eleftheria and today I am doing the "Visualize Data with a Bar Chart" for freeCodeCamp using d3.js (V3).

The rules:
-I can see US Gross Domestic Product by quarter, over time.
-I can mouse over a bar and see a tooltip with the GDP amount and exact year and month that bar represents.

Find the rules directly from FreeCodeCamp:
www.freecodecamp.org/challenges/visualize-data-wit…
Here's a dataset you can use to build this: raw.githubusercontent.com/FreeCodeCamp/ProjectRefe…

On GitHub:
github.com/EleftheriaBatsou/VisualizeDataWithABarF…
and on Codepen
codepen.io/EleftheriaBatsou/pen/QQOYvJ?editors=001…

------------------------------------------------------------------------------------------

Other videos:
Camper Leaderboard with AngularJs -    • Code a Camper Leaderboard - AngularJs...  
Markdown Previewer with AngularJs -    • Code a Markdown Previewer with AngularJs  
Recipe Box with AngularJs -    • Recipe Box - AngularJS - FreeCodeCamp  

Quick walkthrough with solutions | flexboxfroggy (part 1/2) -    • Quick walkthrough with solutions | fl...  
Quick walkthrough with solutions | cssgridgarden (part 1/3) -    • Quick walk-through with solutions | c...  


**************************************
Would you like to buy me a coffee?!
you can do it here -- paypal.me/eleftheriabatsou

but If you can't that's ok too!

**************************************
If you have any question, don't hesitate to ask,
I'll do my best to answer it!

**************************************
Like, share and subscribe are always welcome.


Let's stay in touch:
twitter -- twitter.com/BatsouElef
website -- eleftheriabatsou.com/
github -- github.com/EleftheriaBatsou
codepen -- codepen.io/EleftheriaBatsou/

コメント

コメントを取得中...

コントロール
設定

使用したサーバー: hortensia