LBRY Block Explorer

LBRY Claims • 14-dynamically-change-the-height-of-each

9ef5c0ad1b0dbbaf94c6105c2c46dff4f82047e5

Published By
Created On
25 Jun 2021 17:23:36 UTC
Transaction ID
Cost
Safe for Work
Free
Yes
14 - Dynamically Change the Height of Each Bar - Data Visualization with D3 - freeCodeCamp Tutorial
We're going to dynamically set the height of the bars so that they are proportional to the values of the items in the array. We'll multiply them by a constant so that we can make them a little taller and distinguish the differences in height.

Link to challenge : https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar
Similar Challenge : https://youtu.be/D0zzAn8T_g0
Concepts:
selection.attr(name[, value])
If a value is specified, sets the attribute with the specified name to the specified value on the selected elements and returns this selection. If the value is a constant, all elements are given the same attribute value; otherwise, if the value is a function, it is evaluated for each selected element, in order, being passed the current datum (d), the current index (i), and the current group (nodes), with this as the current DOM element (nodes[i]). The function’s return value is then used to set each element’s attribute. A null value will remove the specified attribute.
If a value is not specified, returns the current value of the specified attribute for the first (non-null) element in the selection. This is generally useful only if you know that the selection contains exactly one element.
https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_attr
-————————————————————————————————————-
D3.js (also known as D3, short for Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It makes use of Scalable Vector Graphics (SVG), HTML5, and Cascading Style Sheets (CSS) standards.

freeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone. Beginning with tutorials that introduce students to HTML, CSS and JavaScript, students progress to project assignments that they complete either alone or in pairs. Upon completion of all project tasks, students are partnered with other nonprofits to build web applications, giving the students practical development experience.

Thanks for Watching
...
https://www.youtube.com/watch?v=QtE264YlscE
Author
Content Type
Unspecified
video/mp4
Language
English
Open in LBRY

More from the publisher

Controlling
VIDEO
016 -
Controlling
VIDEO
11 -
Controlling
VIDEO
05 -
Controlling
VIDEO
003 -
Controlling
VIDEO
VISUA
Controlling
VIDEO
04 -
Controlling
VIDEO
14 -
Controlling
VIDEO
9 - G
Controlling
VIDEO
05 -