stringtranslate.com

Wikipedia:Gráficos y diagramas

Un gráfico , cuadro o diagrama es una ilustración diagramática de un conjunto de datos . Si el gráfico se carga como un archivo de imagen, se puede colocar dentro de los artículos como cualquier otra imagen .

Los gráficos deben ser precisos y transmitir la información de manera eficaz. Deben poder visualizarse en distintas resoluciones de pantalla de computadora. Lo ideal es que los gráficos también sean estéticamente agradables.

Tenga en cuenta que " gráfico ", " cuadro " y " diagrama " son términos ambiguos, que a veces se usan indistintamente.

Exactitud

Los gráficos que muestran una tendencia de datos deben ilustrar la tendencia con precisión en su contexto, en lugar de hacerlo de forma exagerada o sensacionalista. En resumen, no dibuje gráficos engañosos .

Elija un tipo de gráfico que sea apropiado para los datos que está ilustrando.

Creación de gráficos para Wikipedia

Vega

En mayo de 2015 se presentó una herramienta para crear gráficos llamada Vega. Puedes usarla para crear gráficos y mapas. Si tienes un navegador antiguo, verás imágenes en su lugar. Puedes aprender a usarla y escribir páginas de ayuda para tu wiki. Puedes usar la herramienta de edición Vega v2 para crear gráficos y copiar el código en tu wiki. Ten en cuenta que, por el momento, solo se admite Vega 2. Los gráficos y mapas utilizan código complejo y debes colocarlos en plantillas.

Métodos que utilizan plantillas de Wikipedia

Cronología

Hay una variedad de plantillas y estilos disponibles para crear líneas de tiempo.

Estadística única

70 / 100

{{ Barra de composición }} se puede utilizar para proporcionar una única estadística.

Este ejemplo muestra el 70 % (70 de 100), pero la plantilla es flexible y puede mostrar cualquier número entero positivo de cualquier número entero (igual o mayor). La plantilla tiene 100 píxeles de ancho, por lo que los resultados se redondean al 1 %.

Para utilizarlo, copie lo anterior y reemplace los valores ("70" y "100" en la línea del medio) y el título ("70 % de las mujeres...") con sus datos. El color también se puede cambiar, de "rojo" en este ejemplo a "azul", "verde" o cualquier color hexadecimal .

Si desea presentar múltiples estadísticas, puede apilar varias copias de la plantilla dentro de la primera celda de la tabla.

Gráfico circular

  Uno (40%)
  Dos (32%)
  Tres (12%)
  Cuatro (9%)
  Otros (7%)

{{ Pie chart }} es una plantilla de dibujo de gráficos experimental que produce un gráfico circular de 200 píxeles de ancho en el artículo. Al crear un gráfico circular, asegúrese de que los segmentos estén ordenados por tamaño (del más grande al más pequeño) y en el sentido de las agujas del reloj. [ aclaración necesaria ]

Al establecer el otherparámetro yesse rellenará el gráfico de manera que los valores totalicen 100.

Este ejemplo se creó escribiendo el siguiente código:

{{ Gráfico circular | otro =| valor1 = 40 | etiqueta1 = Uno | valor2 = 32 | etiqueta2 = Dos | valor3 = 12 | etiqueta3 = Tres | valor4 = 9 | etiqueta4 = Cuatro }}

Se pueden incluir hasta 30 rebanadas.

Gráfico de barras horizontales

Gráfico de barras

{{ Gráfico de barras }} es una plantilla que muestra los datos como un gráfico de barras horizontales . El ancho del gráfico se puede cambiar.

Caja de barra

{{ Bar box }} es una plantilla que muestra los datos como un gráfico de barras horizontales . El ancho del gráfico se puede cambiar, pero se debe tener cuidado para asegurarse de que las barras permanezcan dentro del cuadro en muchos navegadores.

Barra apilada

{{ Stacked bar }} es una plantilla que muestra un conjunto de datos como una sola barra de un gráfico de barras apiladas. La plantilla admite hasta 12 segmentos en sus longitudes proporcionales en comparación con un total, junto con subtítulos para cada sección. Se debe tener cuidado de que los subtítulos no se superpongan excesivamente en resoluciones más pequeñas y, en muchos casos, es posible que no pueda incluir subtítulos si el segmento o los segmentos son demasiado pequeños.

Número de artículos sobre videojuegos en la década de 1970 y antes, por año
<1970
71
72
73
74
1975
1976
1977
1978
1979


Gráfico de barras verticales

Módulo:Chart es un módulo de Lua que puede usarse para crear varios tipos diferentes de gráficos de barras verticales.

Un gráfico de barras verticales estándar

10
20
30
40
50
60
Antes
Durante
Después
Autopsia
  •  Manzana
  •  Banana
  •  Naranja


Un gráfico de barras verticales apiladas

25
50
75
100
125
150
Antes
Durante
Después
Autopsia
  •  Manzana
  •  Banana
  •  Naranja

Diagrama de ladrillos

 
 
 
 
 
 
 
 
 
 
 
 
 
 

Causas de muerte

  Enfermedades infecciosas y parasitarias - 23 %
  Cáncer - 13 %
  Lesiones no intencionales - 6 %
  Incierto - 0,2 %
  Otros - 21,8 %

{{ Gráfico de bloques }} es una plantilla de gráfico simple orientada a bloques. Supone que todos los valores deben sumar un total de 100 (o especificarlo) y completa cualquier cantidad faltante con "otro".

Puedes etiquetar (y, opcionalmente, elegir colores para) cada elemento, y las etiquetas pueden ser enlaces wiki a artículos relevantes. Ahora, se admiten cantidades decimales (las cantidades pequeñas aparecerán como franjas).

Gráficos de líneas

La plantilla {{ Graph:Chart }} implementa gráficos de líneas , como:

{{ Graph:Chart }} también puede dibujar gráficos de áreas, gráficos de barras, gráficos circulares y diagramas de dispersión.

Mapas geográficos

La plantilla {{ Graph:Map }} permite dibujar mapas geográficos con colores discretos para mapas cualitativos o con un gradiente de colores para valores continuos por país. A continuación se muestra un ejemplo:

Bandera

Los colores predeterminados los crea el módulo:ChartColors . Los 20 colores básicos son:

                                                                               

Si un gráfico representa 10 colores o menos, de manera predeterminada se utilizan todos los demás:

                                       

Los colores se pueden configurar manualmente en un gráfico añadiéndolos al parámetro "colores". Por ejemplo, para dos gráficos circulares, el primero de los cuales es el predeterminado y el segundo omite algunos colores del primero, deberá ingresar manualmente sus selecciones de los 20 predeterminados:

colores=#1f77b4,#aec7e8,#ff7f0e,#ffbb78,#2ca02c,#98df8a,#d62728,#ff9896,#9467bd,#c5b0d5,#8c564b,#c49c94,#e377c2,#f7b6d2,#7f7f7f,#c7c7c7,#bcbd22,#dbdb8d,#17becf,#9edae5

De manera similar, si un gráfico tuviera menos de 10 colores y quisiera que utilizara los mismos colores que otro que tuviera más de 10.

Véase también Plantilla:ChartColors .

Métodos fuera de Wikipedia

El formato recomendado es gráficos vectoriales escalables (SVG).

Véase también