D3.js interpolaViridis() Función

La función d3.interpolateViridis() en D3.js se usa para devolver un color particular del esquema de color secuencial «viridis» que se devuelve como una string RGB.

Sintaxis:

d3.interpolateViridis(t)

Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

t: “t” es un número en un rango [0, 1]

Valores devueltos: Devuelve una string RGB.

A continuación se dan algunos ejemplos de la función dada anteriormente.

Ejemplo 1:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" /> 
    <meta name="viewport"
        path1tent="width=device-width,  
        initial-scale=1.0"/> 
          
    <title>D3.js interpolateViridis() Function</title> 
    <script src= "https://d3js.org/d3.v4.min.js"></script> 
    <script src= "https://d3js.org/d3-color.v1.min.js"></script> 
    <script src= "https://d3js.org/d3-interpolate.v1.min.js"></script> 
    <script src= "https://d3js.org/d3-scale-chromatic.v1.min.js"></script> 
</head> 
<body> 
    <center>
    <h1 style="color:green;">GeeksForGeeks</h1>
      
    <h3>D3.js interpolateViridis() Function</h3>
      
    <script> 
        document.write(d3.interpolateViridis(0)+"<br>"); 
        document.write(d3.interpolateViridis(0.1)+"<br>");
        document.write(d3.interpolateViridis(0.2)+"<br>");
        document.write(d3.interpolateViridis(0.3)+"<br>");
        document.write(d3.interpolateViridis(0.4)+"<br>");
        document.write(d3.interpolateViridis(0.5)+"<br>");
        document.write(d3.interpolateViridis(0.6)+"<br>");
        document.write(d3.interpolateViridis(0.7)+"<br>");
        document.write(d3.interpolateViridis(0.8)+"<br>");
        document.write(d3.interpolateViridis(0.9)+"<br>");
        document.write(d3.interpolateViridis(1));
    </script> 
    </center>
</body> 
</html>

[tabbyending

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta