Ploytly chart
This module enables the creation of interactive charts and graphs using the Plotly.js library directly within Drupal Views. It supports a wide range of chart types from basic plots to 3D and financial charts, allowing users to visualize data with features like zooming and panning. Users can configure fields from their views to generate various chart visualizations.
This module uses plotly.js cdn to draw charts with module views.
The special point is that plotly can zoom/pan the chart.
Features
Views plotly charts style supports plotly all type:
Basic plots
- Scatter Plots
- Line Charts
- Bar Charts
- Pie Charts
- Bubble Charts
- Dot Plots
- Filled Area Plots
- Horizontal Bar Charts
- Sunburst Charts
- Sankey Diagrams
- Treemaps
- Tables
- Box Plots
- Histograms
- 2D Histograms
- 2D Histogram Contour
- Density Plots
- Violin Plot
- Parallel Categories Diagram
- Splom
- Contour Plots
- Heatmaps
- Ternary Plots
- Parallel Coordinates Plot
- Wind Rose Charts
- Ternary Contour Plots
- Radar Charts
Create a views and choose the Plotly style. Then choose show the fields. Go to Plotly's configuration to associate fields with columns. After choosing the type of plot, you can save and re-open configuration it will optimal display with the corresponding type (Unfortunately, this is not practical). Normally, you can choose the x-axis as the axis to display the label, with the other fields on the y-axis. You can hide the other fields if you don't want them to appear on the chart. The view name and description will become the title and legend displayed on the chart. After choosing the view, click the sample link to display the data needed for the chart to associate the fields along the corresponding axis.
You can combine multiple chart types: select the "date" field on the x-axis, the bar style for the "income" field, and the line style for the "expenses" field.
Do you like this module? Show me your appreciation by buying me ☕.