GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → sehilyi → comparative-layout-explorer

sehilyi / comparative-layout-explorer

Licence: other
📊 x 📊 =❓An online gallery to explore the design space of comparative layouts

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Labels

d3chartdata-visualizationcomparative-layouts

Projects that are alternatives of or similar to comparative-layout-explorer

multi-verse
lit-element components for fast and modular multivariate analysis
Stars: ✭ 34 (+112.5%)
Mutual labels:  d3, chart
multi-chart
lit-element building blocks for charts and visualization (based on d3.js v5)
Stars: ✭ 24 (+50%)
Mutual labels:  d3, chart
Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 215 (+1243.75%)
Mutual labels:  d3, chart
jelly-chart
Jelly-Chart is a chart library based on D3v4 and SVG.
Stars: ✭ 34 (+112.5%)
Mutual labels:  d3, chart
britecharts-react
Britecharts-react is a React wrapper for the Britecharts charting library. It allows the use of Britecharts charts within a React application.
Stars: ✭ 110 (+587.5%)
Mutual labels:  d3, chart
Visx
🐯 visx | visualization components
Stars: ✭ 14,544 (+90800%)
Mutual labels:  d3, chart
Chart Tool
A responsive charting application
Stars: ✭ 244 (+1425%)
Mutual labels:  d3, chart
Just Dashboard
📊 📋 Dashboards using YAML or JSON files
Stars: ✭ 1,511 (+9343.75%)
Mutual labels:  d3, chart
vue-d3-chart
A interactive chart library based on vue and d3
Stars: ✭ 38 (+137.5%)
Mutual labels:  d3, chart
Simple-charts
Simple responsive charts
Stars: ✭ 15 (-6.25%)
Mutual labels:  d3, chart
Sunburstr
R htmlwidget for interactive sunburst plots
Stars: ✭ 177 (+1006.25%)
Mutual labels:  d3, chart
a2d3
Flexible and extensible D3 directives for Angular 2
Stars: ✭ 22 (+37.5%)
Mutual labels:  d3, chart
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (+9893.75%)
Mutual labels:  d3, chart
V Chart Plugin
Easily bind a chart to the data stored in your Vue.js components.
Stars: ✭ 188 (+1075%)
Mutual labels:  d3, chart
Markvis
make visualization in markdown. 📊📈
Stars: ✭ 1,509 (+9331.25%)
Mutual labels:  d3, chart
Visavail
A D3.js Time Data Availability Visualization
Stars: ✭ 245 (+1431.25%)
Mutual labels:  d3, chart
C3
📊 A D3-based reusable chart library
Stars: ✭ 9,163 (+57168.75%)
Mutual labels:  d3, chart
D3.chart.sankey
Reusable D3 Sankey diagram using d3.Chart
Stars: ✭ 103 (+543.75%)
Mutual labels:  d3, chart
datart
Datart is a next generation Data Visualization Open Platform
Stars: ✭ 1,042 (+6412.5%)
Mutual labels:  d3, chart
react-d3-axis
React-based Axis component for D3
Stars: ✭ 26 (+62.5%)
Mutual labels:  d3, chart
View All Similar Projects ➔

Comparative Layout Explorer

An online gallery to explore the design space of comparative layouts based on a declaratie grammar.

citation:

Sehi L'Yi, Jaemin Jo, and Jinwook Seo, Comparative Layouts Revisited: Design Space, Guidelines, and Future Directions, IEEE Transactions on Visualization and Computer Graphics (TVCG), 2021, (Proc. IEEE InfoVis 2020). [arXiv]

screenshot

Conceptual Framework

Layouts

Layout := Unit, Type, Arrangement, Mirrored
Type := Juxtaposition | Superposition | Explicit-Encoding
Unit := Chart | Item
Arrangement := Adjacent | Stacked | Diagonal | Animated
Mirrored := True | False

Development

Install Yarn from https://yarnpkg.com/lang/en/.

Clone the repo:

git clone [email protected]:sehilyi/comparative-layout-explorer.git
cd comparative-layout-explorer

Install the dependencies:

yarn install

Start the test server:

yarn start
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].