Icon

Themable Plotly Components 2022-11-29 PA1

Producing Themed Custom Visualisations With PlotlyThe Python environment must have plotly and python-kaleido installed.conda install -c conda-forge plotly python-kaleidoThis example includes four Python Views (visualisations).1. Basic Plotly ExpressThis visualisation implements a population pyramid using plotly express. It uses thedefault theme.2. Themed Plotly ExpressThis is the same chart as shown in (1), however, the theming of the chart is controled bythe Plotly Theme node. The theme node has options to change the base theme between the standard bundledplotly themes and a custom theme (`knime_one`) which also includes options toenclose the title in a bold banner and choose between two color themes for the chartsbars. The output of the image on the image component outputs is also configurable inthe Plotly Theme component configuration.3. Themed Graphics ObjectA population pyramid implemented using plotly graph objects. This uses lower levelplotly functions to create two sub-plots for female and male categories. This reduces theamount of pre-processing required, though requires more detailed implementation inplotly.4. Themed Forecast Plotly Express (Bar Chart)This is a bar chart showing a time-series forecast with many categories.5. Themed Forecast Plotly Express (Line Chart)As (4) but shown as a line chart. Source Data(Population Pyramid)1.BASICPlotly Express3.ThemedGraphics Object2.ThemedPlotly ExpressSource Data(Time-Series)4.ThemedPlotly Express5.ThemedPlotly Express Table Creator Population Pyramid Plotly Theme Population Pyramid Population Pyramid Table Creator Bar Chart Line Chart Producing Themed Custom Visualisations With PlotlyThe Python environment must have plotly and python-kaleido installed.conda install -c conda-forge plotly python-kaleidoThis example includes four Python Views (visualisations).1. Basic Plotly ExpressThis visualisation implements a population pyramid using plotly express. It uses thedefault theme.2. Themed Plotly ExpressThis is the same chart as shown in (1), however, the theming of the chart is controled bythe Plotly Theme node. The theme node has options to change the base theme between the standard bundledplotly themes and a custom theme (`knime_one`) which also includes options toenclose the title in a bold banner and choose between two color themes for the chartsbars. The output of the image on the image component outputs is also configurable inthe Plotly Theme component configuration.3. Themed Graphics ObjectA population pyramid implemented using plotly graph objects. This uses lower levelplotly functions to create two sub-plots for female and male categories. This reduces theamount of pre-processing required, though requires more detailed implementation inplotly.4. Themed Forecast Plotly Express (Bar Chart)This is a bar chart showing a time-series forecast with many categories.5. Themed Forecast Plotly Express (Line Chart)As (4) but shown as a line chart. Source Data(Population Pyramid)1.BASICPlotly Express3.ThemedGraphics Object2.ThemedPlotly ExpressSource Data(Time-Series)4.ThemedPlotly Express5.ThemedPlotly Express Table Creator Population Pyramid Plotly Theme Population Pyramid Population Pyramid Table Creator Bar Chart Line Chart

Nodes

Extensions

Links