Graphic Walker

(opens in a new tab) (opens in a new tab) (opens in a new tab)

Graphic Walker est une alternative open source à Tableau qui transforme vos données en visualisations interactives par glisser-déposer. Il fonctionne comme un composant React léger et intégrable — aucune plateforme BI lourde n'est nécessaire.

Fonctionnalités principales

• Exploration par glisser-déposer — créez des visualisations en faisant glisser des champs dans les canaux d'encodage visuel (lignes, colonnes, couleur, taille, forme, opacité)
• Grammaire des graphiques — propulsé par vega-lite (opens in a new tab), prenant en charge les graphiques à barres, en ligne, en aires, de dispersion, les cartes de chaleur, les diagrammes en boîte et les graphiques géographiques
• Composants multiples — GraphicWalker pour l'exploration complète, GraphicRenderer pour l'affichage de graphiques en lecture seule, PureRenderer pour l'intégration, TableWalker pour les tableaux de données
• Calcul côté client ou serveur — exécute les calculs dans un WebWorker par défaut, ou délègue à votre serveur pour les grands ensembles de données
• Thèmes — thèmes intégrés (vega, g2, streamlit), prise en charge du mode sombre et couleurs d'interface entièrement personnalisables
• Visualisation géographique — cartes choroplèthes et cartes de points avec prise en charge GeoJSON/TopoJSON
• Export de graphiques — exportez les graphiques en SVG ou PNG via l'API ref
• i18n — prise en charge intégrée de l'anglais, du chinois et du japonais avec possibilité de traductions personnalisées
• Pas de React ? Pas de problème — fonctions d'intégration Vanilla JS pour tout framework web

Démarrage rapide

npm install @kanaries/graphic-walker

import { GraphicWalker } from '@kanaries/graphic-walker';
 
const fields = [
  { fid: 'date', name: 'Date', semanticType: 'temporal', analyticType: 'dimension' },
  { fid: 'category', name: 'Category', semanticType: 'nominal', analyticType: 'dimension' },
  { fid: 'sales', name: 'Sales', semanticType: 'quantitative', analyticType: 'measure' },
];
 
function App() {
  return <GraphicWalker data={data} fields={fields} />;
}

Consultez le guide Premiers pas pour un tutoriel complet.

Documentation

Playground en ligne

Essayez Graphic Walker sans rien installer : Graphic Walker en ligne (opens in a new tab)

Licence

Graphic Walker est publié sous la Licence Apache-2.0 (opens in a new tab).