Agregar bordes en Plotly

Agregar Bordes En Plotly



En algunos casos, es posible que deba agregar un borde a una figura de Plotly. Ya sea que esté buscando distinguir una trama específica del resto o solo para mejoras visuales, el borde puede desempeñar un papel importante. Desafortunadamente, Plotly no proporciona un método nativo para agregar un borde a una figura como lo haría con un título.

En este tutorial, le mostraremos un método de personalización que puede usar para crear un borde alrededor de una figura específica.

Saltemos.







Formas gráficas

El método más eficiente para crear un borde alrededor de una figura específica es usando las formas = Plotly del módulo Plotly graph_objects.



Este módulo nos permite crear líneas o polígonos ya sea como objetos independientes o como padres de otras figuras.



Siéntase libre de explorar los diseños en graph_objects en el siguiente recurso:





https://plotly.com/python/reference/layout/shapes/

Veamos cómo podemos usar esta función para crear un borde.



Crear figura

Antes de crear un borde, comencemos por crear una Figura Plotly simple alrededor de la cual deseamos agregar un borde.

Para este tutorial, usamos un diagrama de línea simple como se muestra en el siguiente código:

importar con trama Rápido como píxeles

# importar plotly.graph_objects sobre la marcha

d.f. = px. datos . brecha de memoria ( ) . consulta ( 'continente== 'Oceanía'' )

higo = px. línea ( d.f. , X = 'año' , y = 'PIBPercap' , color = 'país' , símbolo = 'país' )

higo. mostrar ( )

En el ejemplo dado, usamos el módulo Plotly express para crear un gráfico de líneas del PIB per cápita a lo largo de los años de los países del continente de Oceanía.

La figura resultante es como se muestra:

Plotly Agregar borde

Una vez que tengamos la figura que deseamos usar, podemos continuar y crear un borde. Como se mencionó, usamos el modelo de formas de Plotly graph_objects.

El código para agregar un borde a la figura es el que se proporciona a continuación:

importar con trama objetos_gráficos como Vamos
higo. actualizar_diseño ( formas = [ Vamos. diseño . Forma (
escribe = 'recto' ,
referencia externa = 'papel' ,
yref = 'papel' ,
x0 = 0 ,
y0 = - 0.1 ,
x1 = 1.01 ,
y1 = 1.02 ,
línea = { 'ancho' : 1 , 'color' : 'negro' }
) ] )

En el código anterior, comenzamos importando el módulo Plotly graph_objects sobre la marcha.

A continuación, usamos la función update_layout() para personalizar el diseño de la Figura con los valores y características que especificamos.

Dentro de la función, especificamos el parámetro de forma que nos permite crear una forma específica alrededor de la figura.

Los valores de go.layout.Shape() nos permiten definir exactamente el tipo de forma y dónde debemos crearla.

El primero es el tipo que especifica el tipo de figura que deseamos crear. Puede especificar valores como 'círculo' para crear una forma de círculo, 'rect' para un rectángulo y más.

El segundo parámetro es x0, que establece el punto x inicial de la forma. X1 define la posición x final de la forma.

Para y0 e y1, estos parámetros definen el punto de inicio y el punto final de la forma.

Los parámetros xref e yref establecen los ejes de coordenadas x e y de la anotación.

Si se establece en 'papel', la posición 'y' se refiere a la distancia desde la parte inferior del área de trazado en coordenadas normalizadas donde '0' ('1') corresponde a la parte inferior (superior).

Finalmente, el parámetro de línea contiene un diccionario que define las reglas para crear la línea de la forma. Aquí, establecemos el ancho de línea en 1 y el color en negro.

La figura resultante es como se muestra:

Como puede ver, la figura contiene un borde con los parámetros especificados. Puede personalizar los valores anteriores para que coincidan con cualquier forma y tamaño de borde específico que desee.

Conclusión

Este artículo describe un método para crear un borde alrededor de una figura de Plotly utilizando el módulo Plotly graph_objects.

Gracias por leer. ¡Feliz codificación!