Powiew is a revolutionary data visualization library that elegantly unifies the capabilities of Chart.js, D3.js, and Three.js under a single intuitive API. Designed to simplify the complexity of modern data visualization, Powiew enables developers to effortlessly create everything from traditional statistical charts to complex 3D data visualizations, all through a consistent interface.
With a robust built-in theming system, intelligent data processing, and advanced event management, Powiew eliminates the need to master multiple libraries while retaining the full power of the underlying tools. Whether for interactive business dashboards, intricate scientific visualizations, or real-time data representations, Powiew democratizes advanced data visualization without compromising flexibility or performance.
- 🔄 Unified API - Work with multiple visualization libraries through a single interface
- 📱 Responsive Design - Visualizations automatically adapt to different screen sizes
- 🎨 Theme Support - Built-in light and dark themes with easy customization
- 🔮 Data Processing - Utilities for data transformation, normalization, and aggregation
- ✨ Animation - Smooth, customizable animations for all visualization types
- 💾 Export Capabilities - Export visualizations as PNG, JPEG, or SVG
- 🎯 Event System - Comprehensive event system for interaction
npm install powiew
yarn add powiew
<script src="https://cdn.jsdelivr.net/npm/powiew@2.0.0/dist/powiew.min.js"></script>
Powiew requires the following libraries:
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
// Create a new Powiew instance
const vis = new Powiew({
debug: true,
responsive: true
});
// Create a bar chart
const barChart = vis.createChart('#bar-chart', 'bar', {
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
datasets: [{
label: 'Revenue 2025',
data: [65, 59, 80, 81, 56, 55],
backgroundColor: 'rgba(54, 162, 235, 0.5)',
borderColor: 'rgba(54, 162, 235, 1)',
borderWidth: 1
}]
});
// Create a force-directed graph
const forceGraph = vis.createD3Visualization('#force-graph', 'force', {
nodes: [
{ id: 'A', group: 1 },
{ id: 'B', group: 1 },
{ id: 'C', group: 2 }
],
links: [
{ source: 'A', target: 'B', value: 1 },
{ source: 'A', target: 'C', value: 1 }
]
});
// Switch to dark theme
vis.setTheme('dark');
- Bar
- Line
- Pie
- Doughnut
- Radar
- Polar Area
- Bubble
- Scatter
- Tree
- Force
- Sankey
- Treemap
- Chord
- Pack
- Bar3D
- Scatter3D
- Surface
- Globe
Main methods available in Powiew:
createChart(container, type, data, options)
- Creates a Chart.js visualizationcreateD3Visualization(container, type, data, options)
- Creates a D3.js visualizationcreate3DVisualization(container, type, data, options)
- Creates a Three.js visualizationupdateVisualization(visualization, data, options)
- Updates an existing visualizationdestroyVisualization(visualization)
- Destroys a visualizationsetTheme(theme)
- Sets a theme for all visualizationsexportAsImage(visualization, format, options)
- Exports a visualization as an image
- ✅ Chrome 60+
- ✅ Firefox 60+
- ✅ Safari 12+
- ✅ Edge 79+
- ✅ Opera 47+
Help us to develop more interesting things.
This software is licensed with GPL-3.0.
PigeonPosse is a ✨ code development collective ✨ focused on creating practical and interesting tools that help developers and users enjoy a more agile and comfortable experience. Our projects cover various programming sectors and we do not have a thematic limitation in terms of projects.
This software is licensed with GPL-3.0.
PigeonPosse is a ✨ code development collective ✨ focused on creating practical and interesting tools that help developers and users enjoy a more agile and comfortable experience. Our projects cover various programming sectors and we do not have a thematic limitation in terms of projects.
Name | Role | GitHub | |
---|---|---|---|
![]() |
Alejo | Author & Development | @alejomalia |
![]() |
PigeonPosse | Collective | @PigeonPosse |