DevExtreme jQuery/JS - DevExtreme Modules Structure

DevExtreme modules have the following structure.

A folder containing modules that expose animation features.

Exposes methods for working with animation.

Exports:

• requestAnimationFrame - The requestAnimationFrame method

  require("animation/frame").requestAnimationFrame;
  // ===== or =====
  import { requestAnimationFrame } from "devextreme/animation/frame";

• cancelAnimationFrame - The cancelAnimationFrame method

  require("animation/frame").cancelAnimationFrame;
  // ===== or =====
  import { cancelAnimationFrame } from "devextreme/animation/frame";

Exposes an object that serves as a namespace for the methods that are used to animate UI elements.

Exports:

• default - The fx object

  require("animation/fx");
  // ===== or =====
  import fx from "devextreme/animation/fx";

Exposes a repository of animations.

Exports:

• default - The animationPresets repository

  require("animation/presets");
  // ===== or =====
  import animationPresets from "devextreme/animation/presets";

Exposes an object that serves as a namespace for the methods that are used to perform several specified animations at a time.

Exports:

• default - The TransitionExecutor object

  require("animation/transition_executor");
  // ===== or =====
  import TransitionExecutor from "devextreme/animation/transition_executor";

A folder containing core modules.

Exposes the global configuration object.

Exports:

• default - The config() and config(config) methods

  require("core/config");
  // ===== or =====
  import config from "devextreme/core/config";

Exposes the object that defines the device on which the application is running.

Exports:

• default - The device object

  require("core/devices");
  // ===== or =====
  import devices from "devextreme/core/devices";

Exposes an object used to generate and hold the GUID.

Exports:

• default - The Guid object

  require("core/guid");
  // ===== or =====
  import Guid from "devextreme/core/guid";

Exposes methods that specify a template engine.

Exports:

• default - The setTemplateEngine(name) and setTemplateEngine(options) methods

  require("core/set_template_engine");
  // ===== or =====
  import setTemplateEngine from "devextreme/core/set_template_engine";

A folder containing modules used to provide data for UI components.

Exposes the applyChanges method.

Exports:

• default - The applyChanges method

  require("data/apply_changes");
  // ===== or =====
  import applyChanges from 'devextreme/data/apply_changes';

Exposes the ArrayStore data access component.

Exports:

• default - The ArrayStore data access component

  require("data/array_store");
  // ===== or =====
  import ArrayStore from "devextreme/data/array_store";

Exposes the CustomStore data access component.

Exports:

• default - The CustomStore data access component

  require("data/custom_store");
  // ===== or =====
  import CustomStore from "devextreme/data/custom_store";

Exposes the DataSource object.

Exports:

• default - The DataSource object

  require("data/data_source");
  // ===== or =====
  import DataSource from "devextreme/data/data_source";

Exposes an object used to get URLs that vary in a locally running application and the application running on production..

Exports:

• default - The EndpointSelector object

  require("data/endpoint_selector");
  // ===== or =====
  import EndpointSelector from "devextreme/data/endpoint_selector";

Exposes errors and warnings that may occur when using the DevExtreme Data Library.

Exports:

• errorHandler - The function called when the Store causes an error. Assign a function to perform a custom action.

  require("data/errors").errorHandler = function(){
      // Implement logic here
  };

Exposes the LocalStore data access component.

Exports:

• default - The LocalStore data access component

  require("data/local_store");
  // ===== or =====
  import LocalStore from "devextreme/data/local_store";

A folder containing modules exposing OData service.

Exposes the ODataContext data access component.

Exports:

• default - The ODataContext data access component

  require("data/odata/context");
  // ===== or =====
  import ODataContext from "devextreme/data/odata/context";

Exposes the ODataStore data access component.

Exports:

• default - The ODataStore data access component

  require("data/odata/store");
  // ===== or =====
  import ODataStore from "devextreme/data/odata/store";

Exposes OData utility objects.

Exports:

• EdmLiteral - The EdmLiteral object

  require("data/odata/utils").EdmLiteral;
  // ===== or =====
  import { EdmLiteral } from "devextreme/data/odata/utils";

• keyConverters - The odata.keyConverters object

  require("data/odata/utils").keyConverters;
  // ===== or =====
  import { keyConverters } from "devextreme/data/odata/utils";

Exposes a data query interface object.

Exports:

• default - The Query interface object.

  require("data/query");
  // ===== or =====
  import Query from "devextreme/data/query";

Exposes utility objects provided by the DevExtreme data layer.

Exports:

• base64_encode - The base64_encode method.

  require("data/utils").base64_encode;
  // ===== or =====
  import { base64_encode } from "devextreme/data/utils";

Exposes an object that serves as a namespace for methods used for working with UI events.

Exports:

• off - The off method

  require("events").off;
  // ===== or =====
  import { off } from "devextreme/events";

• on - The on method

  require("events").on;
  // ===== or =====
  import { on } from "devextreme/events";

• one - The one method

  require("events").one
  // ===== or =====
  import { one } from "devextreme/events";

• trigger - The trigger method

  require("events").trigger;
  // ===== or =====
  import { trigger } from "devextreme/events";

Exposes the dxclick event.

require("events/click");

Exposes the dxcontextmenu event.

require("events/contextmenu");

Exposes the dxdblclick event.

require("events/dblclick");

Exposes the dxdrag dxdragstart, dxdragend, dxdrop, dxdragenter, dxdragleave events.

require("events/drag");

Exposes the dxhold event.

require("events/hold");

Exposes the dxhoverend, dxhoverstart events.

require("events/hover");

Exposes the dxpointercancel, dxpointerdown, dxpointerenter, dxpointerleave, dxpointermove, dxpointerout, dxpointerover, dxpointerup events.

require("events/pointer");

Exposes the dxremove event.

require("events/remove");

Exposes the dxswipe, dxswipeend, dxswipestart events.

require("events/swipe");

Exposes the dxtransform, dxtransformend, dxtransformstart, dxpinch, dxpinchend, dxpinchstart, dxtranslate, dxtranslateend, dxtranslatestart events.

require("events/transform");

Exposes the DevExpress.excelExporter object's methods.

Exports:

• exportDataGrid - The exportDataGrid(options) method

  require("excel_exporter").exportDataGrid;
  // ===== or =====
  import { exportDataGrid } from "devextreme/excel_exporter";

• exportPivotGrid - The exportPivotGrid(options) method

  require("excel_exporter").exportPivotGrid;
  // ===== or =====
  import { exportPivotGrid } from "devextreme/excel_exporter";

A folder containing modules that expose file management utilities.

Exposes the Custom file system provider.

Exports:

• default - The Custom file system provider

  require("file_management/custom_provider");
  // ===== or =====
  import CustomFileSystemProvider from "devextreme/file_management/custom_provider";

Exposes the File System Item.

Exports:

• default - The File System Item

  require("file_management/file_system_item");
  // ===== or =====
  import FileSystemItem from "devextreme/file_management/file_system_item";

Exposes the Object file system provider.

Exports:

• default - The Object file system provider

  require("file_management/object_provider");
  // ===== or =====
  import ObjectFileSystemProvider from "devextreme/file_management/object_provider";

Exposes the base file system provider.

Exposes the Remote file system provider.

Exports:

• default - The Remote file system provider

  require("file_management/remote_provider");
  // ===== or =====
  import RemoteFileSystemProvider from "devextreme/file_management/remote_provider";

Exposes an object that provides information about the file upload session.

Exports:

• default - The UploadInfo object

  require("file_management/upload_info");
  // ===== or =====
  import UploadInfo from "devextreme/file_management/upload_info";

A folder containing modules that expose integration features.

The module that provides AngularJS integration.

require("integration/angular");

The module that provides jQuery integration.

require("integration/jquery");

The module that provides Knockout integration.

require("integration/knockout");

A folder containing modules that expose localization features.

Besides the listed modules, this folder contains the "messages" folder that provides access to json files containing localized messages. You can use them in the following way.

var deMessages = require('devextreme/localization/messages/de.json');
// ===== or =====
import deMessages from "devextreme/localization/messages/de.json";

A folder that contains modules exposing Globalize integration features.

The module required for custom currency formatting rather than USD.

require("/localization/globalize/currency");
// ===== or =====
import "devextreme/localization/globalize/currency";

The module required for custom date formatting.

require("/localization/globalize/date");
// ===== or =====
import "devextreme/localization/globalize/date";

The module required for using a custom message dictionary.

require("/localization/globalize/message");
// ===== or =====
import "devextreme/localization/globalize/message";

The module required for custom number formatting.

require("/localization/globalize/number");
// ===== or =====
import "devextreme/localization/globalize/number";

A folder containing modules that expose mobile utilities.

Exposes the hideTopOverlay method.

Exports:

• default - The hideTopOverlay method

  require("mobile/hide_top_overlay");
  // ===== or =====
  import hideTopOverlay from "devextreme/mobile/hide_top_overlay";

Exposes the initMobileViewport method.

Exports:

• default - The initMobileViewport method

  require("mobile/init_mobile_viewport");
  // ===== or =====
  import initMobileViewport from "devextreme/mobile/init_mobile_viewport";

Exposes the DevExpress.pdfExporter object's methods.

Exports:

• exportDataGrid - The exportDataGrid(options) method

  require("pdf_exporter").exportDataGrid;
  // ===== or =====
  import { exportDataGrid } from "devextreme/pdf_exporter";

Exposes the utility object to work with time zones.

Exports:

• getTimeZones - The getTimeZones method

  require("time_zone_utils").getTimeZones;
  // ===== or =====
  import { getTimeZones } from "devextreme/time_zone_utils";

A folder that contains modules exposing UI components.

Exposes the Accordion UI component.

Exports:

• default - The Accordion UI component

  require("ui/accordion");
  // ===== or =====
  import Accordion from "devextreme/ui/accordion";

Exposes the ActionSheet UI component.

Exports:

• default - The ActionSheet UI component

  require("ui/action_sheet");
  // ===== or =====
  import ActionSheet from "devextreme/ui/action_sheet";

Exposes the Autocomplete UI component.

Exports:

• default - The Autocomplete UI component

  require("ui/autocomplete");
  // ===== or =====
  import Autocomplete from "devextreme/ui/autocomplete";

Exposes the Box UI component.

Exports:

• default - The Box UI component

  require("ui/box");
  // ===== or =====
  import Box from "devextreme/ui/box";

Exposes the Button UI component.

Exports:

• default - The Button UI component

  require("ui/button");
  // ===== or =====
  import Button from "devextreme/ui/button";

Exposes the ButtonGroup UI component.

Exports:

• default - The ButtonGroup UI component

  require("ui/button_group");
  // ===== or =====
  import ButtonGroup from "devextreme/ui/button_group";

Exposes the Calendar UI component.

Exports:

• default - The Calendar UI component

  require("ui/calendar");
  // ===== or =====
  import Calendar from "devextreme/ui/calendar";

Exposes the CheckBox UI component.

Exports:

• default - The CheckBox UI component

  require("ui/check_box");
  // ===== or =====
  import CheckBox from "devextreme/ui/check_box";

Exposes the ColorBox UI component.

Exports:

• default - The ColorBox UI component

  require("ui/color_box");
  // ===== or =====
  import ColorBox from "devextreme/ui/color_box";

Exposes the ContextMenu UI component.

Exports:

• default - The ContextMenu UI component

  require("ui/context_menu");
  // ===== or =====
  import ContextMenu from "devextreme/ui/context_menu";

Exposes the DataGrid UI component.

Exports:

• default - The DataGrid UI component

  require("ui/data_grid");
  // ===== or =====
  import DataGrid from "devextreme/ui/data_grid"

Exposes the DateBox UI component.

Exports:

• default - The DateBox UI component

  require("ui/date_box");
  // ===== or =====
  import DateBox from "devextreme/ui/date_box";

Exposes the DeferRendering UI component.

Exports:

• default - The DeferRendering UI component

  require("ui/defer_rendering");
  // ===== or =====
  import DeferRendering from "devextreme/ui/defer_rendering";

Exposes the Diagram UI component.

Exports:

• default - The Diagram UI component

  require("ui/diagram") ; 
  // ===== or =====
  import Diagram from "devextreme/ui/diagram";

Exposes an object that serves as a namespace for methods displaying a message in an application/site.

Exports:

• alert - The alert method

  require("ui/dialog").alert;
  // ===== or =====
  import { alert } from "devextreme/ui/dialog";

• confirm - The confirm method

  require("ui/dialog").confirm;
  // ===== or =====
  import { confirm } from "devextreme/ui/dialog";

• custom - The custom method

  require("ui/dialog").custom;
  // ===== or =====
  import { custom } from "devextreme/ui/dialog";

Exposes the Draggable UI component.

Exports:

• default - The Draggable UI component

  require("ui/draggable");
  // ===== or =====
  import Draggable from "devextreme/ui/draggable";

Exposes the Drawer UI component.

Exports:

• default - The Drawer UI component

  require("ui/drawer");
  // ===== or =====
  import Drawer from "devextreme/ui/drawer";

Exposes the DropDownBox UI component.

Exports:

• default - The DropDownBox UI component

  require("ui/drop_down_box");
  // ===== or =====
  import DropDownBox from "devextreme/ui/drop_down_box";

Exposes the DropDownButton UI component.

Exports:

• default - The DropDownButton UI component

  require("ui/drop_down_button");
  // ===== or =====
  import DropDownButton from "devextreme/ui/drop_down_button";

Exposes the FileManager UI component.

Exports:

• default - The FileManager UI component

  require("ui/file_manager");
  // ===== or =====
  import FileManager from "devextreme/ui/file_manager";

Exposes the FileUploader UI component.

Exports:

• default - The FileUploader UI component

  require("ui/file_uploader");
  // ===== or =====
  import FileUploader from "devextreme/ui/file_uploader";

Exposes the FilterBuilder UI component.

Exports:

• default - The FilterBuilder UI component

  require("ui/filter_builder");
  // ===== or =====
  import FilterBuilder from "devextreme/ui/filter_builder";

Exposes the Form UI component.

Exports:

• default - The Form UI component

  require("ui/form");
  // ===== or =====
  import Form from "devextreme/ui/form";

Exposes the Gallery UI component.

Exports:

• default - The Gallery UI component

  require("ui/gallery");
  // ===== or =====
  import Gallery from "devextreme/ui/gallery";

Exposes the Gantt UI component.

Exports:

• default - The Gantt UI component

  require("ui/gantt") ; 
  // ===== or =====
  import Gantt from "devextreme/ui/gantt";

Exposes the HtmlEditor UI component.

Exports:

• default - The HtmlEditor UI component

  require("ui/html_editor");
  // ===== or =====
  import HtmlEditor from "devextreme/ui/html_editor";

Exposes the List UI component.

Exports:

• default - The List UI component

  require("ui/list");
  // ===== or =====
  import List from "devextreme/ui/list";

Exposes the LoadIndicator UI component.

Exports:

• default - The LoadIndicator UI component

  require("ui/load_indicator");
  // ===== or =====
  import LoadIndicator from "devextreme/ui/load_indicator";

Exposes the LoadPanel UI component.

Exports:

• default - The LoadPanel UI component

  require("ui/load_panel");
  // ===== or =====
  import LoadPanel from "devextreme/ui/load_panel";

Exposes the Lookup UI component.

Exports:

• default - The Lookup UI component

  require("ui/lookup");
  // ===== or =====
  import Lookup from "devextreme/ui/lookup";

Exposes the Map UI component.

Exports:

• default - The Map UI component

  require("ui/map");
  // ===== or =====
  import Map from "devextreme/ui/map";

Exposes the Menu UI component.

Exports:

• default - The Menu UI component

  require("ui/menu");
  // ===== or =====
  import Menu from "devextreme/ui/menu";

Exposes the MultiView UI component.

Exports:

• default - The MultiView UI component

  require("ui/multi_view");
  // ===== or =====
  import MultiView from "devextreme/ui/multi_view";

Exposes the NavBar UI component.

Exports:

• default - The NavBar UI component

  require("ui/nav_bar");
  // ===== or =====
  import NavBar from "devextreme/ui/nav_bar";

Exposes methods that create a toast message.

Exports:

• default - The notify(message, type, displayTime) and notify(options) methods

  require("ui/notify");
  // ===== or =====
  import notify from "devextreme/ui/notify";

Exposes the NumberBox UI component.

Exports:

• default - The NumberBox UI component

  require("ui/number_box");
  // ===== or =====
  import NumberBox from "devextreme/ui/number_box";

Exposes methods that work with overlay UI components.

Exports:

• bazeZIndex - The baseZIndex(zIndex) method

  require("ui/overlay").bazeZIndex;
  // ===== or =====
  import { bazeZIndex } from "devextreme/ui/overlay";

Exposes the PivotGrid UI component.

Exports:

• default - The PivotGrid UI component

  require("ui/pivot_grid");
  // ===== or =====
  import PivotGrid from "devextreme/ui/pivot_grid";

Exposes an object that provides acess to data for the PivotGrid data.

Exports:

• default - The PivotGridDataSource object

  require("ui/pivot_grid/data_source");
  // ===== or =====
  import PivotGridDataSource from "devextreme/ui/pivot_grid/data_source";

Exposes the XmlaStore data access component.

Exports:

• default - The XmlaStore data access component

  require("ui/pivot_grid/xmla_store");
  // ===== or =====
  import XmlaStore from "devextreme/ui/pivot_grid/xmla_store";

Exposes the PivotGridFieldChooser UI component.

Exports:

• default - The PivotGridFieldChooser UI component

  require("ui/pivot_grid_field_chooser");
  // ===== or =====
  import PivotGridFieldChooser from "devextreme/ui/pivot_grid_field_chooser";

Exposes the Popover UI component.

Exports:

• default - The Popover UI component

  require("ui/popover");
  // ===== or =====
  import Popover from "devextreme/ui/popover";

Exposes the Popup UI component.

Exports:

• default - The Popup UI component

  require("ui/popup");
  // ===== or =====
  import Popup from "devextreme/ui/popup";

Exposes the ProgressBar UI component.

Exports:

• default - The ProgressBar UI component

  require("ui/progress_bar");
  // ===== or =====
  import ProgressBar from "devextreme/ui/progress_bar";

Exposes the RadioGroup UI component.

Exports:

• default - The RadioGroup UI component

  require("ui/radio_group");
  // ===== or =====
  import RadioGroup from "devextreme/ui/radio_group";

Exposes the RangeSlider UI component.

Exports:

• default - The RangeSlider UI component

  require("ui/range_slider");
  // ===== or =====
  import RangeSlider from "devextreme/ui/range_slider";

Exposes the RecurrenceEditor UI component.

Exports:

• default - The RecurrenceEditor UI component

  require("ui/recurrence_editor");
  // ===== or =====
  import RecurrenceEditor from "devextreme/ui/recurrence_editor";

Exposes the Resizable UI component.

Exports:

• default - The Resizable UI component

  require("ui/resizable");
  // ===== or =====
  import Resizable from "devextreme/ui/resizable";

Exposes the ResponsiveBox UI component.

Exports:

• default - The ResponsiveBox UI component

  require("ui/responsive_box");
  // ===== or =====
  import ResponsiveBox from "devextreme/ui/responsive_box";

Exposes the Scheduler UI component.

Exports:

• default - The Scheduler UI component

  require("ui/scheduler");
  // ===== or =====
  import Scheduler from "devextreme/ui/scheduler";

Exposes the ScrollView UI component.

Exports:

• default - The ScrollView UI component

  require("ui/scroll_view");
  // ===== or =====
  import ScrollView from "devextreme/ui/scroll_view";

Exposes the SelectBox UI component.

Exports:

• default - The SelectBox UI component

  require("ui/select_box");
  // ===== or =====
  import SelectBox from "devextreme/ui/select_box";

This module is deprecated. Use the core/set_template_engine module instead.

Exposes the SlideOut UI component.

Exports:

• default - The SlideOut UI component

  require("ui/slide_out");
  // ===== or =====
  import SlideOutView from "devextreme/ui/slide_out_view";

Exposes the SlideOutView UI component.

Exports:

• default - The SlideOutView UI component

  require("ui/slide_out_view");
  // ===== or =====
  import SlideOut from "devextreme/ui/slide_out";

Exposes the Slider UI component.

Exports:

• default - The Slider UI component

  require("ui/slider");
  // ===== or =====
  import Slider from "devextreme/ui/slider";

Exposes the Sortable UI component.

Exports:

• default - The Sortable UI component

  require("ui/sortable");
  // ===== or =====
  import Sortable from "devextreme/ui/sortable";

Exposes the SpeedDialAction UI component.

Exports:

• default - The SpeedDialAction UI component

  require("ui/speed_dial_action");
  // ===== or =====
  import SpeedDialAction from "devextreme/ui/speed_dial_action";

Exposes the repaintFloatingActionButton method.

Exports:

• default - The repaintFloatingActionButton method

  require("ui/speed_dial_action/repaint_floating_action_button");
  // ===== or =====
  import repaintFloatingActionButton from "devextreme/ui/speed_dial_action/repaint_floating_action_button";

Exposes the Switch UI component.

Exports:

• default - The Switch UI component

  require("ui/switch");
  // ===== or =====
  import Switch from "devextreme/ui/switch";

Exposes the TabPanel UI component.

Exports:

• default - The TabPanel UI component

  require("ui/tab_panel");
  // ===== or =====
  import TabPanel from "devextreme/ui/tab_panel";

Exposes the Tabs UI component.

Exports:

• default - The Tabs UI component

  require("ui/tabs");
  // ===== or =====
  import Tabs from "devextreme/ui/tabs";

Exposes the TagBox UI component.

Exports:

• default - The TagBox UI component

  require("ui/tag_box");
  // ===== or =====
  import TagBox from "devextreme/ui/tag_box";

Exposes the TextArea UI component.

Exports:

• default - The TextArea UI component

  require("ui/text_area");
  // ===== or =====
  import TextArea from "devextreme/ui/text_area";

Exposes the TextBox UI component.

Exports:

• default - The TextBox UI component

  require("ui/text_box");
  // ===== or =====
  import TextBox from "devextreme/ui/text_box";

Exposes an object that serves as a namespace for the methods that work with DevExtreme CSS Themes.

Exports:

• current - The current() and current(themeName) methods

  require("ui/themes").current;
  // ===== or =====
  import { current } from "devextreme/ui/themes";

Exposes the TileView UI component.

Exports:

• default - The TileView UI component

  require("ui/tile_view");
  // ===== or =====
  import TileView from "devextreme/ui/tile_view";

Exposes the Toast UI component.

Exports:

• default - The Toast UI component

  require("ui/toast");
  // ===== or =====
  import Toast from "devextreme/ui/toast";

Exposes the Toolbar UI component.

Exports:

• default - The Toolbar UI component

  require("ui/toolbar");
  // ===== or =====
  import Toolbar from "devextreme/ui/toolbar";

Exposes the Tooltip UI component.

Exports:

• default - The Tooltip UI component

  require("ui/tooltip");
  // ===== or =====
  import Tooltip from "devextreme/ui/tooltip";

Exposes the TreeList UI component.

Exports:

• default - The TreeList UI component

  require("ui/tree_list");
  // ===== or =====
  import TreeList from "devextreme/ui/tree_list";

Exposes the TreeView UI component.

Exports:

• default - The TreeView UI component

  require("ui/tree_view");
  // ===== or =====
  import TreeView from "devextreme/ui/tree_view";

Exposes an object that serves as a namespace for the methods required to perform validation.

Exports:

• default - The validationEngine object

  require("ui/validation_engine");
  // ===== or =====
  import validationEngine from "devextreme/ui/validation_engine";

Exposes the ValidationGroup UI component.

Exports:

• default - The ValidationGroup UI component

  require("ui/validation_group");
  // ===== or =====
  import ValidationGroup from "devextreme/ui/validation_group";

Exposes the ValidationSummary UI component.

Exports:

• default - The ValidationSummary UI component

  require("ui/validation_summary");
  // ===== or =====
  import ValidationSummary from "devextreme/ui/validation_summary";

Exposes the Validator UI component.

Exports:

• default - The Validator UI component

  require("ui/validator");
  // ===== or =====
  import Validator from "devextreme/ui/validator";

Exposes the common utility objects.

Exports:

• compileGetter - The compileGetter method

  require("utils").compileGetter;
  // ===== or =====
  import { compileGetter } from "devextreme/utils";

• compileSetter - The compileSetter method

  require("utils").compileSetter;
  // ===== or =====
  import { compileSetter } from "devextreme/utils";

A folder containing modules that expose data visualization UI components.

Exposes the BarGauge UI component.

Exports:

• default - The BarGauge UI component

  require("viz/bar_gauge");
  // ===== or =====
  import BarGauge from "devextreme/viz/bar_gauge";

Exposes the Bullet UI component.

Exports:

• default - The Bullet UI component

  require("viz/bullet");
  // ===== or =====
  import Bullet from "devextreme/viz/bullet";

Exposes the Chart UI component.

Exports:

• default - The Chart UI component

  require("viz/chart");
  // ===== or =====
  import Chart from "devextreme/viz/chart";

Exposes the CircularGauge UI component.

Exports:

• default - The CircularGauge UI component

  require("viz/circular_gauge");
  // ===== or =====
  import CircularGauge from "devextreme/viz/circular_gauge";

Exposes export-related methods.

Exports:

• exportFromMarkup - The exportFromMarkup(markup, options) method

  require("viz/export").exportFromMarkup;
  // ===== or =====
  import { exportFromMarkup } from "devexpress/viz/export";

• getMarkup - The getMarkup(widgetInstances) method

  require("viz/export").getMarkup;
  // ===== or =====
  import { getMarkup } from "devexpress/viz/export";

• exportWidgets - The exportWidgets(widgetInstances) and exportWidgets(widgetInstances, options) methods

  require("viz/export").exportWidgets;
  // ===== or =====
  import { exportWidgets } from "devextreme/viz/export";

Exposes the Funnel UI component.

Exports:

• default - The Funnel UI component

  require("viz/funnel");
  // ===== or =====
  import Funnel from "devextreme/viz/funnel";

Exposes the LinearGauge UI component.

Exports:

• default - The LinearGauge UI component

  require("viz/linear_gauge");
  // ===== or =====
  import LinearGauge from "devextreme/viz/linear_gauge";

Exposes methods that control palettes.

Exports:

• currentPalette - The currentPalette(paletteName) method

  require("viz/palette").currentPalette;
  // ===== or =====
  import { currentPalette } from "devextreme/viz/palette";

• getPalette - The getPalette(paletteName) method

  require("viz/palette").getPalette;
  // ===== or =====
  import { getPalette } from "devextreme/viz/palette";

• registerPalette - The registerPalette(paletteName, palette) method

  require("viz/palette").registerPalette;
  // ===== or =====
  import { registerPalette } from "devextreme/viz/palette";

Exposes the PieChart UI component.

Exports:

• default - The PieChart UI component

  require("viz/pie_chart");
  // ===== or =====
  import PieChart from "devextreme/viz/pie_chart";

Exposes the PolarChart UI component.

Exports:

• default - The PolarChart UI component

  require("viz/polar_chart");
  // ===== or =====
  import PolarChart from "devextreme/viz/polar_chart"

Exposes the RangeSelector UI component.

Exports:

• default - The RangeSelector UI component

  require("viz/range_selector");
  // ===== or =====
  import RangeSelector from "devextreme/viz/range_selector";

Exposes the Sankey UI component.

Exports:

• default - The Sankey UI component

  require("viz/sankey");
  // ===== or =====
  import Sankey from "devextreme/viz/sankey";

Exposes the Sparkline UI component.

Exports:

• default - The Sparkline UI component

  require("viz/sparkline");
  // ===== or =====
  import Sparkline from "devextreme/viz/sparkline";

Exposes methods that control themes.

Exports:

• currentTheme - The currentTheme(theme) and currentTheme(platform, colorScheme) methods

  require("viz/themes").currentTheme;
  // ===== or =====
  import { currentTheme } from "devextreme/viz/themes";

• refreshTheme - The refreshTheme() method

  require("viz/themes").refreshTheme;
  // ===== or =====
  import { refreshTheme } from "devextreme/viz/themes";

• registerTheme - The registerTheme(customTheme, baseTheme) method

  require("viz/themes").registerTheme;
  // ===== or =====
  import { registerTheme } from "devextreme/viz/themes";

Exposes the TreeMap UI component.

Exports:

• default - The TreeMap UI component

  require("viz/tree_map");
  // ===== or =====
  import TreeMap from "devextreme/viz/tree_map";

Exposes utility methods.

Exports:

• refreshPaths - The refreshPaths() method

  require("viz/utils").refreshPaths;
  // ===== or =====
  import { refreshPaths } from "devextreme/viz/utils";

Exposes the VectorMap UI component.

Exports:

• default - The VectorMap UI component

  require("viz/vector_map");
  // ===== or =====
  import VectorMap from "devextreme/viz/vector_map";

Exposes methods of the DevExpress.viz.map.projection object.

Exports:

• add - The add(name, projection) method

  require("viz/vector_map/projection").add;
  // ===== or =====
  import { add } from "devextreme/viz/vector_map/projection";