All Projects → abcnews → D3 Layout Narrative

abcnews / D3 Layout Narrative

Licence: mit
A d3 layout for creating XKCD style narrative charts

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to D3 Layout Narrative

Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 215 (+27.98%)
Mutual labels:  chart, d3js
webtrees-pedigree-chart
SVG based pedigree chart module for webtrees genealogy application.
Stars: ✭ 24 (-85.71%)
Mutual labels:  chart, d3js
Simple-charts
Simple responsive charts
Stars: ✭ 15 (-91.07%)
Mutual labels:  chart, d3js
V Chart Plugin
Easily bind a chart to the data stored in your Vue.js components.
Stars: ✭ 188 (+11.9%)
Mutual labels:  chart, d3js
D3 In Motion
Code examples and references for the course "D3.js in Motion"
Stars: ✭ 37 (-77.98%)
Mutual labels:  chart, d3js
d3-kagi
An open source javascript library to render beautiful Kagi charts using D3.js and pure Javascript
Stars: ✭ 26 (-84.52%)
Mutual labels:  chart, d3js
treemap-chart
A treemap interactive chart web component for visualizing hierarchical data
Stars: ✭ 27 (-83.93%)
Mutual labels:  chart, d3js
Ngx Charts
📊 Declarative Charting Framework for Angular
Stars: ✭ 4,057 (+2314.88%)
Mutual labels:  chart, d3js
D3fc
A collection of components that make it easy to build interactive charts with D3
Stars: ✭ 898 (+434.52%)
Mutual labels:  chart, d3js
D3 Timeline
A simple D3 Timeline chart
Stars: ✭ 743 (+342.26%)
Mutual labels:  chart, d3js
Just Dashboard
📊 📋 Dashboards using YAML or JSON files
Stars: ✭ 1,511 (+799.4%)
Mutual labels:  chart, d3js
Ss Vis Component
VIS components for a security system, to monitor the state and confirm the system's health running.
Stars: ✭ 88 (-47.62%)
Mutual labels:  chart, d3js
Sunburst Chart
A sunburst interactive chart web component for visualizing hierarchical data
Stars: ✭ 140 (-16.67%)
Mutual labels:  chart, d3js
Aachartkit Swift
📈📊📱💻🖥️An elegant modern declarative data visualization chart framework for iOS, iPadOS and macOS. Extremely powerful, supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types. 极其精美而又强大的跨平台数据可视化图表框架,支持柱状图、条形图、…
Stars: ✭ 1,962 (+1067.86%)
Mutual labels:  chart
Rings
A simple chart for Android with three indicators and one more to indicate overall summary. They get highlighted if you click on the ring or text.
Stars: ✭ 160 (-4.76%)
Mutual labels:  chart
3d Force Graph
3D force-directed graph component using ThreeJS/WebGL
Stars: ✭ 2,386 (+1320.24%)
Mutual labels:  d3js
Zeu
A JavaScript library for real-time visualization
Stars: ✭ 1,777 (+957.74%)
Mutual labels:  chart
Vue Orgchart
🌿 Vue.js wrapper for OrgChart.js
Stars: ✭ 167 (-0.6%)
Mutual labels:  chart
Android Linechart
📈一个简单的折线,贝塞尔曲线图表控件,高度可扩展,支持动态显示。
Stars: ✭ 157 (-6.55%)
Mutual labels:  chart
Htmlrenderer
C# HTML Layout and HTML Rendering Engine
Stars: ✭ 143 (-14.88%)
Mutual labels:  layout-engine

Narrative Charts

XKCD style narrative charts layout engine for d3.

This is just a layout engine; how you go about presenting and styling the result is entirely up to you.

All the xys you'll need

See annotated source for API details.

You could style it something like this:

Preview

Check out the bare-bones example if you're having trouble getting started.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].