Przejdź do głównej zawartości

Wizualizacje

Podczas pracy z wizualizacjami system wspiera elastyczną strukturę danych poprzez interfejs VisualizationData:

Aby przedstawić wizualizację w swoim systemie, możesz użyć następującego interfejsu VisualizationData:

type VisualizationData = {
userId?: string;
projectName: string;
type: VisualizationTypesEnum | VisualizationTypesEnum[];
description?: string;
name: string;
tags?: string | string[];
data: VisualizationDataData;
createdAt?: Date;
updatedAt?: Date;
}
  • projectName: Aktywny projekt.
  • typ: Ciąg znaków lub tablica ciągów określająca typ wizualizacji (tablica działa tylko dla JSON).
  • nazwa: Unikalny identyfikator wizualizacji.
  • opis: Opcjonalne pole umożliwiające podanie dodatkowego kontekstu lub szczegółów wizualizacji.
  • createdAt: Znacznik czasu wskazujący, kiedy wizualizacja została pierwotnie utworzona.
  • updatedAt: Znacznik czasu wskazujący ostatnią modyfikację wizualizacji.
  • isActive: Flaga logiczna określająca, czy projekt jest aktualnie aktywny.
  • tagi: Opcjonalne pole służące do kategoryzacji wizualizacji.
  • dane: dane, które będzie prezentować wizualizacja

System obsługuje następujące typy wizualizacji:

Korzystając z formatów plików takich jak Excel, XML, JSON i CSV, system zapewnia zgodność zarówno z pełnymi, jak i częściowymi szczegółami pliku. All visualizations formats files can be downloaded from here

  • Przykład 1: format JSON ze wszystkimi szczegółami

Visualizations JSON full details

  • Przykład 2: format JSON z częściowymi danymi, uzupełnij formularz o brakujące szczegóły

Visualizations JSON partial details

  • Przykład 3: Format Excel ze wszystkimi szczegółami, dokończ mapowanie pól

Visualizations Excel full details

  • Przykład 4: Format Excel z częściowymi szczegółami, uzupełnij formularz brakującymi szczegółami

Visualizations Excel partial details

  • Przykład 5: format CSV ze wszystkimi szczegółami, dokończ mapowanie pól

Visualizations CSV full details

  • Przykład 6: format CSV z częściowymi danymi, uzupełnij formularz o brakujące szczegóły

Visualizations CSV partial details

  • Przykład 7: format XML ze wszystkimi szczegółami

Visualizations XML full details

  • Przykład 8: format XML z częściowymi danymi, uzupełnij formularz o brakujące szczegóły

Visualizations XML partial details