Interactive Market News

Pick one example to view or copy:

Smallest possible chart — one div, one line series.

// Smallest embed — one div, one FX line chart.
// Good first file: paste into any Vite/React/Next page.

import { createChart } from "@efixdata/exeria-chart";
import eurUsdH1 from "./data/eur-usd-h1.json";

const container = document.getElementById("article-chart");
if (!container) throw new Error("Missing #article-chart");

const chart = createChart({ container });
chart.init();

const candles = eurUsdH1.candles.slice(-168); // last week of H1 bars
await chart.setMainSeriesData(candles, { symbol: "1h", milis: 3_600_000 });
chart.setMainDrawMode("Line");
chart.fit();
chart.moveToEnd();
chart.render();

Commands to run in your terminal

# After downloading and unzipping the starter from this page:

cd exeria-market-news   # or whatever you named the folder
npm install
npm run dev

# Open the URL printed in the terminal (usually http://localhost:5173).
# Edit src/App.tsx — save and the browser refreshes.

# ── Starting from scratch instead? ──
# npm create vite@latest my-market-article -- --template react-ts
# cd my-market-article
# npm install @efixdata/exeria-chart
# Copy public/data/*.json from the zip, paste a snippet below into src/App.tsx
# npm run dev