Hola, mundo: el sitio nuevo

Te doy la bienvenida al cuaderno nuevo. Esta nota todavía comienza con un hola, pero también funciona como una guía viva de todo lo que puede contener un ensayo aquí.

Hola, mundo. Reconstruí este sitio como un lugar donde la investigación, la explicación visual, la enseñanza y la conversación pública puedan encontrarse sin convertirse en cuatro identidades distintas. Las constelaciones no son solamente decoración: son una manera de pensar en relaciones, estructura y en aquello que se vuelve visible cuando conectamos suficientes puntos.

Esta página es deliberadamente más variada que una entrada normal. Me permite revisar el ritmo de títulos, enlaces, listas, matemáticas, imágenes, tablas, citas y código en ambos temas antes de publicar algo más serio.

Nota de renderizado. Si este párrafo se siente claramente separado del ensayo sin convertirse en una tarjeta flotante, el componente de aviso está haciendo su trabajo.

Una jerarquía para las ideas

Las páginas extensas necesitan más que un título grande. Necesitan una jerarquía que permita recorrerlas sin convertir cada pensamiento en una viñeta.

Un título de tercer nivel

El cuerpo del texto debe conservar una medida cómoda. Un párrafo puede incluir énfasis fuerte, énfasis sutil, ~~una idea descartada~~ y codigo_en_linea() sin romper el ritmo de lectura. También puede enlazar a los proyectos seleccionados o a una referencia externa como Observable.

Un título de cuarto nivel

Los títulos pequeños son útiles dentro de una sección técnica, pero no deberían competir con el argumento central. La diferencia visual entre esta línea y el título anterior debe ser evidente incluso al recorrer la página rápidamente.

Listas, secuencias y progreso

Una lista sin numerar sirve cuando el orden no cambia el significado:

Formular una pregunta precisa.
Examinar la estructura de los datos.
Elegir una forma visual que revele esa estructura.
- Anotar la excepción.
- Mantener visible la incertidumbre.
Explicar qué puede concluir quien lee.

Una lista numerada es mejor cuando la secuencia importa:

Reproducir el resultado.
Cuestionar los supuestos.
Refinar la explicación.
Publicar el método junto con la conclusión.

Una lista de tareas debe comunicar el estado sin depender solamente del color:

Construir el cuaderno.
Agregar matemáticas y resaltado de sintaxis.
Probar los temas claro y oscuro.
Escribir la siguiente nota de campo.

Una comparación compacta

Las tablas funcionan mejor cuando facilitan una comparación, no cuando intentan imitar una hoja de cálculo.

Forma	Funciona bien para	Riesgo principal
Dispersión	Relaciones entre dos medidas	Sobreposición de puntos
Múltiplos pequeños	Comparar estructuras repetidas	Escalas compartidas débiles
Red	Conexiones y comunidades	Tratar la proximidad como prueba
Anotación	Dirigir la atención	Explicar demasiado

Una visualización no es el dato hecho visible. Es un argumento sobre aquello que merece atención.

Por eso las decisiones de diseño pertenecen al método, no al final del proceso.

Matemáticas en el navegador

Este cuaderno admite matemáticas en línea como la identidad de Euler, $e^{i\pi} + 1 = 0$ , sin obligarlas a ocupar una línea separada. Las expresiones más largas pueden respirar en un bloque:

\frac{\partial u}{\partial t} = D \nabla^2 u + f(u)

El sistema de Lorenz que inspira el campo de la página principal se describe mediante tres ecuaciones diferenciales acopladas:

\begin{aligned} \dot{x} &= \sigma(y-x) \\ \dot{y} &= x(\rho-z)-y \\ \dot{z} &= xy-\beta z \end{aligned}

Las ecuaciones son compactas; sus trayectorias no. Esa tensión es parte de lo que convierte al sistema en un gran hola.

El código como parte del ensayo

Los bloques de código deben sentirse como evidencia editorial, no como capturas pegadas dentro de un artículo. El nombre de archivo es opcional y las líneas largas deben desplazarse dentro del bloque en lugar de ensanchar la página.

constelacion.R

library(tidyverse)
 
set.seed(42)
 
estrellas <- tibble(
  x = runif(120),
  y = runif(120),
  brillo = rbeta(120, 2, 5)
)
 
ggplot(estrellas, aes(x, y, alpha = brillo)) +
  geom_point(color = "#A78BFA", size = 2.4) +
  coord_equal() +
  theme_void()

Aquí está el mismo hola en TypeScript, con una línea suficientemente larga para comprobar el desplazamiento horizontal en una pantalla estrecha:

hola.ts

const dominios = [
  "investigación",
  "visualización",
  "educación",
  "comunicación pública",
];
const saludo = dominios
  .map((dominio, indice) => `${indice + 1}. Hola desde ${dominio}`)
  .join("\n");
 
console.log(saludo);

Un bloque de línea de comandos debe seguir siendo legible sin fingir que es una ventana del sistema operativo:

terminal

npm run lint
npm run build

Los datos estructurados deben conservar una puntuación y una jerarquía fáciles de leer:

nota-de-campo.json

{
  "mensaje": "Hola, mundo",
  "semilla": 42,
  "reproducible": true,
  "temas": ["sistemas", "evidencia", "claridad"]
}

Una advertencia útil. El resaltado de sintaxis ayuda a orientarnos, pero el color no es el significado. El código debe ser comprensible en monocromo y legible mediante desplazamiento horizontal.

Una imagen en contexto

Las imágenes deben aportar información o presencia. No deberían aparecer solamente porque una retícula editorial espera un rectángulo.

Retrato de Elaia, La Matemaga — La persona detrás del cuaderno, fotografiada en lugar de ilustrada.

El cierre de la primera nota

Cada constelación de este sitio se genera a partir de una semilla determinista: la misma semilla produce siempre el mismo cielo. Como cualquier buen experimento, es reproducible. A diferencia de un diagrama terminado, todavía puede invitar a otra lectura.

Así que esta es una página de prueba y también una pequeña declaración de intenciones: hacer legibles los sistemas complejos, mantener visible el método y dejar espacio para el asombro.

Hola de nuevo. El cuaderno está listo.

Ayuda a que el conocimiento siga siendo libre.