Automatic data visualization in atom with the nteract data-explorer

Related tags

Data Visualizationdata-explorer
Overview

Data Explorer

Interactively explore your data directly in atom with hydrogen!

The nteract data-explorer provides automatic data visualization, so you can get a feel for your data quickly and with minimal code!

nteract data explorer in hydrogen

🚧 This is a work in progress. Please open issues and pull requests!

⚠️ As this package has some open issues with styling, the following atom themes are recommended for now:

  • 🎨 Atom One Light syntax theme
  • 🎨 Atom One Light UI theme

How to try it out:

Atom packages:

  • Install both hydrogen and the data-explorer package in atom, or in the cli: 
    apm install hydrogen data-explorer

Make sure you have installed:

Then, just start a python kernel in hydrogen and run the following code:

import pandas as pd

# Enable the table_schema option in pandas, 
# data-explorer makes this snippet available with the `dx` prefix:
pd.options.display.html.table_schema = True
pd.options.display.max_rows = None

# (Your dataframe here)
iris_filename = './iris.csv'
df1 = pd.read_csv(iris_filename)

df1
Comments
  • Failed to load the data-explorer package

    Failed to load the data-explorer package

    [Enter steps to reproduce:]

    1. ...
    2. ...

    Atom: 1.32.0 x64 Electron: 2.0.9 OS: Ubuntu 16.04.5 Thrown From: data-explorer package 0.3.1

    Stack Trace

    Failed to load the data-explorer package

    At Cannot find module '@blueprintjs/select'

Error: Cannot find module '@blueprintjs/select'
    at Module._resolveFilename (module.js:543:15)
    at Module._resolveFilename (/usr/share/atom/resources/electron.asar/common/reset-search-paths.js:35:12)
    at Function.get_Module._resolveFilename (/usr/share/atom/resources/app/static/<embedded>:11:154364)
    at Module.require (/app.asar/static/index.js:40:43)
    at require (/usr/share/atom/resources/app/static/<embedded>:11:145671)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/VizControls.js:20:15)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/VizControls.js:391:3)
    at Module.get_Module._compile (/usr/share/atom/resources/app/static/<embedded>:11:146381)
    at Object.value [as .js] (/usr/share/atom/resources/app/static/<embedded>:11:149928)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)
    at Module.require (/app.asar/static/index.js:47:45)
    at require (/usr/share/atom/resources/app/static/<embedded>:11:145671)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/index.js:48:43)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/index.js:495:3)
    at Module.get_Module._compile (/usr/share/atom/resources/app/static/<embedded>:11:146381)
    at Object.value [as .js] (/usr/share/atom/resources/app/static/<embedded>:11:149928)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)
    at Module.require (/app.asar/static/index.js:47:45)
    at require (/usr/share/atom/resources/app/static/<embedded>:11:145671)
    at /packages/data-explorer/lib/common.js:33:2)
    at /packages/data-explorer/lib/common.js:11:76)
    at Module.get_Module._compile (/usr/share/atom/resources/app/static/<embedded>:11:146381)
    at Object.value [as .js] (/usr/share/atom/resources/app/static/<embedded>:11:149928)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)

    Commands

    Non-Core Packages

    data-explorer 0.3.1 
Hydrogen 2.6.0 
hydrogen-launcher 1.2.2 
hydrogen-python 0.0.7
    opened by cchlanger 10
  • Error compiling Less stylesheet

    Error compiling Less stylesheet

    Hi,

    When installing the data-explorer, I get this error:

    Line number: 3 '../node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css' wasn't found. Tried - /home/lordflaron/.atom/packages/data-explorer/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/node_modules/one-light-syntax/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/node_modules/one-light-ui/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/static/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,../node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css

    Is there a missing dependency I need?

    Thank you so much!

    opened by amichuda 4
  • Unable to open

    Unable to open

    I installed it using apm command, and it can open another window with the name "data-explorer/docker-view", but nothing shows up. I just use cmd+enter to execute the current line "df".

    opened by zhangpanzhan 0
  • crash after clicking on hex plot

    crash after clicking on hex plot

    open data frame, click on hex bin plot. It shows up but then suddenly crashes.

    Atom: 1.35.1 x64 Electron: 2.0.18 OS: Microsoft Windows 10 Pro Thrown From: data-explorer package 0.6.0

    Stack Trace

    Uncaught Invariant Violation: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=Thu%20Dec%2013%202018%2012%3A01%3A51%20GMT-0800%20(Pacific%20Standard%20Time)&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

    At C:\Users\dominikschneider\.atom\packages\data-explorer\node_modules\react-dom\cjs\react-dom.production.min.js:248

Invariant Violation: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=Thu%20Dec%2013%202018%2012%3A01%3A51%20GMT-0800%20(Pacific%20Standard%20Time)&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at ba (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:13:315)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:14:166)
    at Bf (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:137:39)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:141:49)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:143:145)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:147:131
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:164:72)
    at Tg (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:181:151)
    at bi (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:232:22)
    at ci (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:233:284)
    at Di (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:249:348)
    at Yh (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:248:144)
    at Gi (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:250:420)
    at Kb (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:39:140)
    at Dd (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:86:249)

    Commands

         -3:17 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:16.3.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:16.3.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:14.1.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:14.1.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:13.6.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:13.6.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:12.2.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:12.2.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:11.2.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:11.2.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
  2x -3:09.4.0 core:move-up (input.hidden-input)
  3x -2:54.5.0 core:backspace (input.hidden-input)
     -2:52.5.0 hydrogen:run (input.hidden-input)
     -2:52.5.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused.autocomplete-active)
     -2:29 settings-view:open (input.hidden-input)

    Non-Core Packages

    autocomplete-python-jedi 1.10.3-0 
data-explorer 0.6.0 
file-icons 2.1.31 
Hydrogen 2.9.0 
hydrogen-launcher 1.2.2 
MagicPython 1.1.1 
platformio-ide-terminal 2.9.1 
tablr 1.8.3
    opened by dschneiderch 0
  • column resizing issue

    column resizing issue

    Thanks for this super cool extension!

    I thought I'd point out that things go a bit haywire if you try to resize the columns. image

    I'm on Windows 10, Atom 1.34, data-explorer 0.5.0

    opened by dschneiderch 6
  • [WIP] use nteract outputs component

    [WIP] use nteract outputs component

    • [x] Make a custom outputs component that only renders data-explorer output
    • [x] Write some tests
    • [ ] Refactor and simplify the rest of the package and integrate
    • [ ] useEffects to open and close atom dock, toggle user config, and other side effects, replacing that logic in other areas of the package. (bump react to 16.8)

    This should let me up with a nicer package and some learnings to take to future packages/refactors.

    opened by BenRussert 0
Releases(v0.7.0)
Owner
Ben Russert
Video Experience team @bombbomb
Ben Russert
GitHub Repository
Customizing Visual Styles in Plotly

Customizing Visual Styles in Plotly Code for a workshop originally developed for an Unconference session during the Outlier Conference hosted by Data

Data Design Dimension 9 Aug 03, 2022
This GitHub Repository contains Data Analysis projects that I have completed so far! While most of th project are focused on Data Analysis, some of them are also put here to show off other skills that I have learned.

Welcome to my Data Analysis projects page! This GitHub Repository contains Data Analysis projects that I have completed so far! While most of th proje

Kyle Dini 1 Jan 31, 2022
Uniform Manifold Approximation and Projection

UMAP Uniform Manifold Approximation and Projection (UMAP) is a dimension reduction technique that can be used for visualisation similarly to t-SNE, bu

Leland McInnes 6k Jan 08, 2023
Rockstar - Makes you a Rockstar C++ Programmer in 2 minutes

Rockstar Rockstar is one amazing library, which will make you a Rockstar Programmer in just 2 minutes. In last decade, people learned C++ in 21 days.

4k Jan 05, 2023
Political elections, appointment, analysis and visualization in Python

Political elections, appointment, analysis and visualization in Python poli-sci-kit is a Python package for political science appointment and election

Andrew Tavis McAllister 9 Dec 01, 2022
DataVisualization - The evolution of my arduino and python journey. New level of competence achieved

DataVisualization - The evolution of my arduino and python journey. New level of competence achieved

1 Jan 03, 2022
This plugin plots the time you spent on a tag as a histogram.

This plugin plots the time you spent on a tag as a histogram.

Tom Dörr 7 Sep 09, 2022
BGraph is a tool designed to generate dependencies graphs from Android.bp soong files.

BGraph BGraph is a tool designed to generate dependencies graphs from Android.bp soong files. Overview BGraph (for Build-Graphs) is a project aimed at

Quarkslab 10 Dec 19, 2022
Fastest Gephi's ForceAtlas2 graph layout algorithm implemented for Python and NetworkX

ForceAtlas2 for Python A port of Gephi's Force Atlas 2 layout algorithm to Python 2 and Python 3 (with a wrapper for NetworkX and igraph). This is the

Bhargav Chippada 227 Jan 05, 2023
Simple Python interface for Graphviz

Simple Python interface for Graphviz

Sebastian Bank 1.3k Dec 26, 2022
Make your BSC transaction simple.

bsc_trade_history Make your BSC transaction simple. 中文ReadMe Background: inspired by debank ,Practice my hands on this small project Blog:Crypto-BscTr

foolisheddy 7 Jul 06, 2022
An interactive UMAP visualization of the MNIST data set.

Code for an interactive UMAP visualization of the MNIST data set. Demo at https://grantcuster.github.io/umap-explorer/. You can read more about the de

grant 70 Dec 27, 2022
Sci palettes for matplotlib/seaborn

sci palettes for matplotlib/seaborn Installation python3 -m pip install sci-palettes Usage import seaborn as sns import matplotlib.pyplot as plt impor

Qingdong Su 2 Jun 07, 2022
Friday Night Funkin - converts a chart from 4/4 time to 6/8 time, or from regular to swing tempo.

Chart to swing converter As seen in https://twitter.com/i_winxd/status/1462220493558366214 A program written in python that converts a chart from 4/4

5 Dec 23, 2022
Drug design and development team HackBio internship is a virtual bioinformatics program that introduces students and professional to advanced practical bioinformatics and its applications globally.

-Nyokong. Drug design and development team HackBio internship is a virtual bioinformatics program that introduces students and professional to advance

4 Aug 04, 2022
Visualization Library

CamViz Overview // Installation // Demos // License Overview CamViz is a visualization library developed by the TRI-ML team with the goal of providing

Toyota Research Institute - Machine Learning 67 Nov 24, 2022
Python library that makes it easy for data scientists to create charts.

Chartify Chartify is a Python library that makes it easy for data scientists to create charts. Why use Chartify? Consistent input data format: Spend l

Spotify 3.2k Jan 04, 2023
Here I plotted data for the average test scores across schools and class sizes across school districts.

HW_02 Here I plotted data for the average test scores across schools and class sizes across school districts. Average Test Score by Race This graph re

7 Oct 27, 2021
A collection of 100 Deep Learning images and visualizations

A collection of Deep Learning images and visualizations. The project has been developed by the AI Summer team and currently contains almost 100 images.

AI Summer 65 Sep 12, 2022
GUI for visualization and interactive editing of SMPL-family body models ie. SMPL, SMPL-X, MANO, FLAME.

Body Model Visualizer Introduction This is a simple Open3D-based GUI for SMPL-family body models. This GUI lets you play with the shape, expression, a

Muhammed Kocabas 207 Jan 01, 2023