Cómo hacer Motion Data Blueprints

Un Motion Data Blueprint es una experiencia (un .zip con index.html) que lee filas de datos desde Interartive.

1. Declara un espacio de datos y qué es (interartive.json)

{ "slots": [ { "id": "data", "type": "data", "label": "Tus datos",
    "fields": ["date", "value", "series"], "hint": "Una fila por fecha…" } ],
  "blueprint": { "tier": "kinetic", "data": ["time", "comparison"], "live": true } }

tier es precision, kinetic o bespoke; data indica los tipos de datos para los que está hecho; live dice que se actualiza mientras la gente mira.

2. Lee las filas

Interartive.data('data', function (rows, meta) {
  if (!rows) return showSample();   // sin datos: muestra tu ejemplo
  draw(rows, meta.fields);          // se vuelve a llamar con datos en vivo
});

Las filas son objetos, una por fila; los números llegan como números. Nunca descargues datos por tu cuenta: los blueprints se ejecutan aislados e Interartive lee las direcciones de datos por ti (protegiendo las claves de la gente).

3. Diseña para descubrir

• Busca las columnas por nombres probables y por tipo, para que la gente no tenga que renombrarlas.
• Muestra tu ejemplo hasta que lleguen los datos, y márcalo como ejemplo.
• Deja leer los valores exactos (una etiqueta emergente, una tabla Mostrar los números).
• Anima el cambio, no la decoración: cuando llegan filas nuevas, pasa a los nuevos valores.
• Respeta el movimiento reducido; funciona con toque, ratón y teclado.

4. Elige cómo se usa

Con licencia (recibes el 80% de cada licencia) o gratis con cualquier plan Motion Data (para darte a conocer). Interartive revisa cada blueprint antes de publicarlo.