d3.js barCharts for displaying data with the added randomData function also the relative luminance algorithm, So the text is always visible relative luminance algorithm will change the color of the text in each random generated bar based on the color of each bar.

The relativeLumance algorithm will measure the hex value to check if it is on the lower or higher end of the luminance scale and will make the text change to white if the color is on the darker end of the scale and vice versa the color of the bar on the lighter end will make the algorithm turn the text inside the bar to black its a very useful function and everyone should use it when it comes to displaying random colors on a Element that you also wish to have text on this will make sure its always visible pretty cool I wish I remember the guys name who taught me it thanks.

This project is a skelton this was part of a master the basics course

Feel free to use this code if needed every function has good comments if your also new to d3.js

This project is for quick access to the d3.js library and how to use it everything is preconfigured all the way through automatic updates on all packages and everything in production mode still needs to be published though and deployed working on that but hopefully it can help some new d3.js users see some of the cool things you can do while parsing and displaying data Using D3.js for DataVisualization thanks freecodecamp for getting me interested in data visualization and coding in general your real legends.