├── src
├── base.css
├── .DS_Store
├── favicon.ico
├── images
│ ├── .DS_Store
│ ├── icons.sketch
│ ├── expand-grey.svg
│ ├── play.svg
│ ├── expand.svg
│ ├── play-grey.svg
│ ├── examples.svg
│ ├── options.svg
│ ├── options-grey.svg
│ ├── logo-dark.svg
│ └── logo.svg
├── shared
│ ├── styles
│ │ ├── VegaLiteChart.css
│ │ └── VegaLiteChart.scss
│ └── components
│ │ └── VegaLiteChart.tsx
├── about
│ ├── styles
│ │ ├── About.css
│ │ └── About.scss
│ └── components
│ │ └── About.tsx
├── index.tsx
├── App.css
├── App.scss
├── index.html
├── index.css
├── index.scss
├── draco-editor
│ ├── styles
│ │ ├── Status.css
│ │ ├── Status.scss
│ │ ├── Resizer.css
│ │ ├── Resizer.scss
│ │ ├── Editor.css
│ │ ├── Editor.scss
│ │ ├── Recommendations.scss
│ │ └── Recommendations.css
│ ├── components
│ │ ├── Status.tsx
│ │ ├── Recommendations.tsx
│ │ └── Editor.tsx
│ ├── examples.ts
│ └── asp.ts
├── base.scss
├── Navbar.tsx
├── App.tsx
├── Navbar.css
├── Navbar.scss
└── data
│ ├── barley.json
│ └── cars.json
├── .gitignore
├── typings
├── basename.d.ts
├── images.d.ts
└── react-animate-on-change.d.ts
├── Readme.md
├── webpack.prod.js
├── webpack.dev.js
├── tsconfig.json
├── webpack.common.js
└── package.json
/src/base.css:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .awcache
2 | dist
3 | node_modules
--------------------------------------------------------------------------------
/typings/basename.d.ts:
--------------------------------------------------------------------------------
1 | declare const BASENAME: string;
2 |
--------------------------------------------------------------------------------
/src/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uwdata/draco-editor/master/src/.DS_Store
--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uwdata/draco-editor/master/src/favicon.ico
--------------------------------------------------------------------------------
/src/images/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uwdata/draco-editor/master/src/images/.DS_Store
--------------------------------------------------------------------------------
/src/images/icons.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uwdata/draco-editor/master/src/images/icons.sketch
--------------------------------------------------------------------------------
/typings/images.d.ts:
--------------------------------------------------------------------------------
1 | declare module "*.svg" {
2 | const content: any;
3 | export default content;
4 | }
5 |
--------------------------------------------------------------------------------
/src/shared/styles/VegaLiteChart.css:
--------------------------------------------------------------------------------
1 | .VegaLiteChart .vega-actions a {
2 | pointer-events: all;
3 | font-size: .9em;
4 | color: #C3C3C3; }
5 |
--------------------------------------------------------------------------------
/typings/react-animate-on-change.d.ts:
--------------------------------------------------------------------------------
1 | declare module 'react-animate-on-change' {
2 | const AnimateOnChange: any;
3 | export default AnimateOnChange;
4 | }
5 |
--------------------------------------------------------------------------------
/src/shared/styles/VegaLiteChart.scss:
--------------------------------------------------------------------------------
1 | @import 'base.scss';
2 |
3 | .VegaLiteChart {
4 |
5 | .vega-actions a {
6 | pointer-events: all;
7 | font-size: .9em;
8 | color: $light-grey;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/src/about/styles/About.css:
--------------------------------------------------------------------------------
1 | .About {
2 | width: 600px;
3 | margin: 32px auto 32px auto; }
4 | .About .logo {
5 | display: block;
6 | margin: auto;
7 | padding: 16px 0 16px 0; }
8 | .About p {
9 | text-align: center; }
10 |
--------------------------------------------------------------------------------
/src/about/styles/About.scss:
--------------------------------------------------------------------------------
1 | .About {
2 | width: 600px;
3 | margin: 32px auto 32px auto;
4 |
5 | .logo {
6 | display: block;
7 | margin: auto;
8 | padding: 16px 0 16px 0;
9 | }
10 |
11 | p {
12 | text-align: center;
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import * as ReactDOM from 'react-dom';
3 |
4 | import App from './App';
5 | import './index.css';
6 |
7 | declare var Module: any;
8 |
9 | ReactDOM.render(
10 |
13 | Draco is a an extensible knowledge base of visualization design that you can use to find effective visualization designs. 14 |
15 |16 | Learn more about Draco at on GitHub. 17 |
18 |