Skip to content

Instantly share code, notes, and snippets.

@ydlamba

ydlamba/gsoc18.md

Created August 12, 2018 21:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ydlamba/4fc38b608dadab7a886f9da157beb830 to your computer and use it in GitHub Desktop.
Save ydlamba/4fc38b608dadab7a886f9da157beb830 to your computer and use it in GitHub Desktop.
Download ZIP
GSoC 2018 Final Report
Raw
gsoc18.md

GSoC 2018

GSoC 2018 Final Submission Report

Getting Started

The following Pull Requests were the way for me to get familiar with the review process and bond with the community effectively.

#23 - Close modal on esc and click outside added using react-portal (PortalWithState)

#42 - Add export button to export the chart as png or svg depending upon the renderer type

#43 - Update .gitignore for debug and error logs

#45 - Update renderer to preserve interactive states

#46 - Remove unnecessary scrollbar (in few browsers)

#47 - Use vega-loader for validating links

Project

The Vega Editor is a web application for authoring and testing Vega and Vega-Lite visualizations. It includes a number of example specifications that showcase both the visual encodings and interaction techniques.

My main project was to implement a sharing feature, new feature additions and improvements in Vega Editor. We decided to break the whole project into different parts:

  • New feature additons and general improvements including data-viewer, fullscreen mode, keyboard shortcuts, etc.
  • Anonymous sharing via URL
  • Sharing via Gist (Post GSoC Goal)

Project Link: https://summerofcode.withgoogle.com/projects/#6751995247984640

Below is the list of the major contributions that I have made to the Vega Editor project:

#126 - Add a feature for anonymous sharing via URL

#112 - Create data table using datasets (or in short data-viewer)

#114 - Revamp the topbar

#107 - Add keyboard shortcuts

#97  - Add a feature to view visualization in fullscreen mode

#68  - Upgrade to webpack 4

#91  - Add prettier with TSLint

Some of the PRs are not mentioned here as they were code cleanups, bug fixes and dependency updates. You can find them here.

Here are my contributions to other repositories of vega organization:

... few more minors.

Screens

Topbar:

Topbar

Data Viewer:

Data Viewer

Export Modal:

Export Modal

Sharing via URL:

Share Modal

Fullscreen Mode:

Fullscreen Mode

Overall Editor (before GSoC):

Overall Editor

Overall Editor (after GSoC):

Overall Editor

Future Goals

One can find our future plans for Vega Editor here: https://github.com/vega/editor/issues.

Vega Editor is live at https://vega.github.io/editor.

@akshat-khare
Copy link

Nice work there

@ydlamba
Copy link
Author

ydlamba commented Sep 20, 2018

Thank you :)

@shiva1333
Copy link

Nice work buddy <3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment