In my quest to generate a unique array of colors in javascript, I have utilized the rainbowvis.js file available here. However, despite having 100 colors at my disposal, they lack distinctiveness.
The ability to differentiate between the colors is crucial as I intend to utilize this color palette for a chart.
Can rainbowvis.js deliver on this requirement or should I explore alternative solutions?
If you're looking to generate 100 unique colors (within the range of 1 to 1000000, but feel free to adjust as needed), here's some code that can help:
var colors = [];
while (colors.length < 100) {
do {
var color = Math.floor((Math.random()*1000000)+1);
} while (colors.indexOf(color) >= 0);
colors.push("#" + ("000000" + color.toString(16)).slice(-6));
}
console.log(colors);
Employ the distinct-colors tool.
This tool is designed to create a set of colors that are uniquely different from each other at a visual level.
One efficient solution could involve implementing a random number generator and utilizing the 'rgb()' color format.
const COLORS = [];
while (COLORS.length < 100) {
COLORS.push(`rgb(${getRandomNumber(0, 255)}, ${getRandomNumber(0, 255)}, ${getRandomNumber(0, 255)})`);
}
// Random Number Generator
function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
Implement RGB color schemes.
let rgbColors=[], tds='';
for( let red=0; red<256; red+=25 ){
for( let green=0; green<256; green+=25 ){
for( let blue=0; blue<256; blue+=25 ){
let color="rgb("+red+","+green+","+blue+")";
tds+="<p style='display:inline-block;margin:0;width:32px;height:32px;background:"+color+"'></p>";
rgbColors.push(color);
}
}
}
document.body.innerHTML=tds;Currently experimenting with Selenium and PhantomJS for Java search tasks, I'm facing an issue where PhantomJS fails to activate javascript. My goal is to access a webpage that utilizes javascript. Previously, this method worked well for me, but now I ...
In my current project, I am exploring the possibility of using TypeScript/Javascript object destructuring to target only certain properties of an object while preserving the rest of the properties in a separate variable. I am specifically looking for a way ...
i have a complex array structure as shown below, array=[ { 'mm': '1', exp: 'exp1' }, { 'mm': '2', exp: 'exp2' }, { 'mm': [ '1', '3', '7' ], exp: &ap ...
Is there a way to ensure the validity and usage of all imports during the build or linting phase in a Typescript based project? validity (checking for paths that lead to non-existent files) usage (detecting any unused imports) We recently encountered an ...
How can I prevent A from changing its value when I only want to modify Q in the first loop of this html/javascript code? Why does A change even though I am only changing Q? What steps can I take to avoid A from changing? <!DOCTYPE html> <html& ...
I'm having trouble with my React app - it compiles without errors but only shows a blank page. Can someone help me figure out what's wrong with my code? I'm new to React and could use some guidance. index.js import React from 'react&ap ...
There's this CSS3 tag named body:before that I'm working with, and I'm looking to adjust the height and width of body:before using JavaScript. Any suggestions on how to achieve this? ...
I am struggling with a component that contains various other components, such as text fields. Whenever an input is made in the text field, all the components are re-rendered. My goal is to prevent this re-rendering and only update the component that has a ...
Looking to Customize Radar Chart Highlighted Line Colors https://i.sstatic.net/PqWc4.png I am currently working on a Radar Chart and I am trying to figure out which property needs to be edited in order to change the color of the highlighted lines. I have ...
I am completely new to using protractor for testing .NET Applications. I am currently in the process of creating an automation testing script from scratch. The following is the HTML code: <div class = "top"> <span id = "welcome"> <em>Hi& ...
Recently, I started using Adonisjs for building my REST API. However, when I enabled the csrf in ShieldConfig, I encountered the following error: "type": "TypeError", "message": "Cannot read properties of undefined (rea ...
I have created a form with PHP like this: <?php include '../db/baza.php'; ?> <?php include 'vrh.php' ?> <div id="page"> <div id="pageFrame"> <form action="up ...
Recently, I encountered a challenge with a table that had its border set as 1px solid silver from an external style sheet (a .css file over which I had no control). The CSS code responsible for styling the table was as follows: my_table tbody td { font: ...
I am looking to extract the "url" key and its value from the provided code and save it in a variable. I have attempted different methods to isolate the url key as seen in my commented-out code. $.ajax({ type: 'GET', url: "url", // data: da ...
I'm currently using the following JavaScript code to insert AJAX responses into a div with an ID of results: document.getElementById("results").innerHTML=xmlhttp.responseText; The issue I am encountering is that this code adds all new elements after ...
I've been attempting to display the value of #{product.name} in a textfield, but unfortunately my code hasn't produced the desired outcome. label Name input(type='text', placeholder='Name', name='name' value='# ...
Seeking a solution to delete a Folder/File on the client side using javascript/jQuery/AngularJS1. After researching, I found that it can be done using Node.js as shown in this Sitepoint link. Now, I am unsure how to integrate Node.js fs(File System) with ...
I am facing an issue where I want to include an HTML data-xxxx attribute to the HTML <table> within a v-simple-table. However, when I add the data attribute to the <v-simple-table>, it ends up being placed in a surrounding div two levels above ...
Here is the code that is causing me trouble. var http = require("http"); var i = 0; var hostNames = ['www.1800autoland.com','www.youtube.com','www.1800contacts.com']; for(i;i<hostNames.length;i++){ var options = { ...
ILLUSTRATION: http://jsfiddle.net/w38E8/4/ Take a look at the example provided above. CONTROLLER: function SortCtrl($scope) { $scope.students = [{ 'name': 'AAA', 'year': 'sophomore', 'scor ...