Skip to content

Instantly share code, notes, and snippets.

@codetricity

codetricity/lesson-20182108.md

Last active August 22, 2018 12:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save codetricity/653c1454da49e1ed624c4a0fe6bcc102 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save codetricity/653c1454da49e1ed624c4a0fe6bcc102 to your computer and use it in GitHub Desktop.
Download ZIP
min, max, extent, d3
Raw
lesson-20182108.md

min, max, extent simple array of numbers

8/21/2018 Min, max, extent

  • d3.min(data)
  • d3.max(data)
  • d3.extent(data)

JavaScript map array http://adripofjavascript.com/blog/drips/transforming-arrays-with-array-map.html

Template Code

<!DOCTYPE html>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.2/d3.min.js"></script>
<script>

</script>

In console, test d3.version

Simple Array - No Labels, min/max/extent

<!DOCTYPE html>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.2/d3.min.js"></script>
<script>

// https://www.britannica.com/list/10-of-the-most-famous-endangered-species
var data = [2500, 4000, 400, 25000, 45000, 100000, 6500, 220000,
    10000, 60000]

var min1 = d3.min(data);
console.log(min1);

</script>

NOTES: lesson went smoothly

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment