- 1:57:40 - Intro to JavaScript and Overview of ES6
⌨️ () Data Visualization Course Overview
I downvoted this video because somewhere after h it started to be a mess, bundle.js doesnt explained, everything works through this vizhub that I dont want to be tied with (so I recreate everything in Atom), I have nothing in result in a browser because I dont see where this 'id' is coming from, and after that I completely lost.
⌨️ () Why Visualize Data?
Thanks for this video ... I learn also few js tricks @ reference to d3 documentations,, 2:59 - using grouping, 3:19 -- csv
- "in brazil it's, well? One zero..."
color map.
the reason of emergence of deaths are the civil wars in Libya and in Syria
⌨️ () Inputs for Data Visualization: Data & Tasks
⌨️ () Intro to Javascript💻 Code: https://vizhub.com/curran/1e6587bb27c54c368deae8b79a7ca59a
people are saying to skip to some point in time... please don't skip to those points not until you watch upto .. its basics of data visualization but preety useful.
at he's cleared the const he set. How did he do this??? thanks :)
Amazing! I'm only at and thoroughly enjoying this, great as a refresher as well ✨
Timestamp - The Import function code doesn't work i.e :import { cars } from 'cars.js';To make it work, you need to change it to:import { cars } from './cars.js';
if anyone's stuck at , adding a './' before cars.js helped me
Curran I've followed your guide from start, but at everything breaks! I am using the react module. What's going on?
"It works so let's leave it" My motto for everyday programing
That is just the dig-deep hell characteristic of Javascript. We need a better way to deal with it. Same issue with AJAX, you have to call in other files for sub-levels of callbacks... It's not good abstraction. It's really messy and future versions of Javascript need to deal with this seriously! For now we have to come up with work-arounds like this and it's really redundant and unproductive.
⌨️ () Intro to HTML, CSS & SVG💻 Code: https://vizhub.com/curran/366c38ba5ebc4631b4bd936f3b709744
- 2:10:20 - Intro to HTML, CSS
for SVG
- 2:32:07 - Intro to SVG
Selector at isn't selecting children paths of ".lines", rather it selects ".lines" and path elements both. If you wanted to select all the children path elements you would use ".lines > path" selector, but in this example there are no such elements. Essentially the path selector alone is sufficient for this example.
@ - Creating a Face
⌨️ () Intro to D3.js - Let's Make a Face!💻 Code: https://vizhub.com/68416/be771477cb974c938cd8603dd8b59d32
the actual D3 stuff
- xxx - Intro to D3.js
.js start from
@ - Loading D3.js in your HTML
@ - Loading D3.js in your JavaScript (using ES6)
On Why in my case I got an error ?Uncaught SyntaxError: Cannot use import statement outside a module
path element for the mouth "const mouth = g.append('path')" doesn't work on my VS Code (works on VizHub). any advice? at
if you know JS and HTML, CSS ... jump to
⌨️ () Making a Bar Chart with D3.js and SVG💻 Code: https://vizhub.com/curran/dd44f8fcdc8346ff90bddd63572bf638
@ - Making a Bar Chart
The real thing begins at
Is that a kitty I hear?
⌨️ () Customizing Axes of a Bar Chart with D3.js💻 Code: https://vizhub.com/curran/a44b38541b6e47a4afdd2dfe67a302c5
you can add .replace('.00', '') (or .0 if you're using .2s format) after format('.3s')(number) .replace('G', 'B') to make it look cleaner.
I am listening at 3.2x speed and the birds in the background really need to chill.
⌨️ () Making a Scatter Plot with D3.js💻 Code: https://vizhub.com/curran/9247d4d42df74185980f7b1f7504dcc5
at there's a mistake. If you want to enter the diameter, you have to multiply the radius by 2, not divide the radius by 2. I am just showing off that I pay attention to every single detail of this course :D everybody makes mistakes. I'm learning so much! Thanks.
⌨️ () Making Line and Area Charts with D3.js💻 Code: https://vizhub.com/curran/012b5b20ce894b0fa7dc98ef3a0b43a5
⌨️ () The General Update Pattern of D3.js💻 Code: https://vizhub.com/curran/7f4137a77b564607ae2791ab1e49cf7e
) ? I do not understand what i is here. I heard him say it is the index but how does the function know it is the index of fruits? Is this some sort of for loop short hand? Any help is greatly appreciated. Appears at
You could write UPDATE specific logic outside of MERGE to have them changing cx only for the UPDATE event:
⌨️ () Marks & Channels in Data Visualization
⌨️ () Interaction with Unidirectional Data Flow using D3.js💻 Code: https://vizhub.com/curran/c2274b1dfe914115bac48f437b3c104e
At , I get ‘undefined' instead of the ID of the clicked circle, does anyone of you faced the same issue?!
At I ran into a bug when running in my own environment (not vizhub..): the .on('click', <callback func>) seems to pass something like e (the click event) as the first parameter, and d as a second parameter. I got it to work by replacing his .on(...) method with: .on('click', (e, d) => onClick(d.id))
⌨️ () Making a World Map with D3💻 Code: https://vizhub.com/curran/c5475d7c95d348d5b8268012fbccb728
geojson/maps: around
⌨️ () Cheap Tricks for Interaction on a D3.js World Map💻 Code: https://vizhub.com/curran/4fb5e4e665474a169325bd18cdc3d0c0
⌨️ () Blank Canvas💻 Code: https://vizhub.com/curran/0c35fdf97a6042188b5550e6712de315
⌨️ () Building a Tree Visualization of World Countries with D3.js💻 Code: https://vizhub.com/curran/4f92c793909f48d28012e43ddab716df
Made it this far, time for a treat http://www.youtube.com/watch?v=rRCUhApyqlA SRVD - Black on Black (Kit Curse Bootleg)
at instead of changing the pointer events, I switched the body cursor to grab and the body:active to grabbing. I think it looks nice!!
⌨️ () Color and Size Legends with D3.js💻 Code: https://vizhub.com/curran/92c34f62c0f948e89e87d28907c08715
⌨️ () Choropleth Map with D3.js💻 Code: https://vizhub.com/curran/d5ad96d1fe8148bd827a25230cc0f083
⌨️ () Interactive Filtering on a Choropleth Map💻 Code: https://vizhub.com/curran/5c907e49d0294538aad03ad1f41e1e28
⌨️ () Using Color in Visualization
⌨️ () Scatter Plot with Menus💻 Code: https://vizhub.com/curran/98ba4daacc92442f8d9fd7d91bfd712a
⌨️ () Circles on a Map💻 Code: https://vizhub.com/curran/8704c9b7c6df43cabf839aa3f1cb7b70
that's my country lol Kosovo, with a population of 1.8 million
⌨️ () Line Chart with Multiple Lines💻 Code: https://vizhub.com/curran/2546209d161e4294802c4ac0098bebc2
⌨️ () Melting and Munging Data with JavaScript💻 Code: https://vizhub.com/curran/ecb0793c7d674100b3e3133d92cb6957
