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
Pydrawer: The Python package for visualizing curves and linear transformations in a super simple way

pydrawer 📐 The Python package for visualizing curves and linear transformations in a super simple way. ✏️ Installation Install pydrawer package with

Dylan Tintenfich 56 Dec 30, 2022
Learn Data Science with focus on adding value with the most efficient tech stack.

DataScienceWithPython Get started with Data Science with Python An engaging journey to become a Data Scientist with Python TL;DR Download all Jupyter

Learn Python with Rune 110 Dec 22, 2022
Graphing communities on Twitch.tv in a visually intuitive way

VisualizingTwitchCommunities This project maps communities of streamers on Twitch.tv based on shared viewership. The data is collected from the Twitch

Kiran Gershenfeld 312 Jan 07, 2023
Color maps for POV-Ray v3.7 from the Plasma, Inferno, Magma and Viridis color maps in Python's Matplotlib

POV-Ray-color-maps Color maps for POV-Ray v3.7 from the Plasma, Inferno, Magma and Viridis color maps in Python's Matplotlib. The include file Color_M

Tor Olav Kristensen 1 Apr 05, 2022
Altair extension for saving charts in a variety of formats.

Altair Saver This packge provides extensions to Altair for saving charts to a variety of output types. Supported output formats are: .json/.vl.json: V

Altair 85 Dec 09, 2022
A minimalistic wrapper around PyOpenGL to save development time

glpy glpy is pyOpenGl wrapper which lets you work with pyOpenGl easily.It is not meant to be a replacement for pyOpenGl but runs on top of pyOpenGl to

Abhinav 9 Apr 02, 2022
Create SVG drawings from vector geodata files (SHP, geojson, etc).

SVGIS Create SVG drawings from vector geodata files (SHP, geojson, etc). SVGIS is great for: creating small multiples, combining lots of datasets in a

Neil Freeman 78 Dec 09, 2022
Make visual music sheets for thatskygame (graphical representations of the Sky keyboard)

sky-python-music-sheet-maker This program lets you make visual music sheets for Sky: Children of the Light. It will ask you a few questions, and does

21 Aug 26, 2022
Generate a roam research like Network Graph view from your Notion pages.

Notion Graph View Export Notion pages to a Roam Research like graph view.

Steve Sun 214 Jan 07, 2023
Visualization ideas for data science

Nuance I use Nuance to curate varied visualization thoughts during my data scientist career. It is not yet a package but a list of small ideas. Welcom

Li Jiangchun 16 Nov 03, 2022
Bar Chart of the number of Senators from each party who are up for election in the next three General Elections

Congress-Analysis Bar Chart of the number of Senators from each party who are up for election in the next three General Elections This bar chart shows

11 Oct 26, 2021
An open-source plotting library for statistical data.

Lets-Plot Lets-Plot is an open-source plotting library for statistical data. It is implemented using the Kotlin programming language. The design of Le

JetBrains 820 Jan 06, 2023
The Metabolomics Integrator (MINT) is a post-processing tool for liquid chromatography-mass spectrometry (LCMS) based metabolomics.

MINT (Metabolomics Integrator) The Metabolomics Integrator (MINT) is a post-processing tool for liquid chromatography-mass spectrometry (LCMS) based m

Sören Wacker 0 May 04, 2022
Frbmclust - Clusterize FRB profiles using hierarchical clustering, plot corresponding parameters distributions

frbmclust Getting Started Clusterize FRB profiles using hierarchical clustering,

3 May 06, 2022
View part of your screen in grayscale or simulated color vision deficiency.

monolens View part of your screen in grayscale or filtered to simulate color vision deficiency. Watch the demo on YouTube. Install with pip install mo

Hans Dembinski 31 Oct 11, 2022
patchwork for matplotlib

patchworklib patchwork for matplotlib test code Preparation of example plots import seaborn as sns import numpy as np import pandas as pd #Bri

Mori Hideto 185 Jan 06, 2023
Complex heatmaps are efficient to visualize associations between different sources of data sets and reveal potential patterns.

Make Complex Heatmaps Complex heatmaps are efficient to visualize associations between different sources of data sets and reveal potential patterns. H

Zuguang Gu 973 Jan 09, 2023
Draw tree diagrams from indented text input

Draw tree diagrams This repository contains two very different scripts to produce hierarchical tree diagrams like this one: $ ./classtree.py collectio

Luciano Ramalho 8 Dec 14, 2022
Domain Connectivity Analysis Tools to analyze aggregate connectivity patterns across a set of domains during security investigations

DomainCAT (Domain Connectivity Analysis Tool) Domain Connectivity Analysis Tool is used to analyze aggregate connectivity patterns across a set of dom

DomainTools 34 Dec 09, 2022
An easy to use burndown chart generator for GitHub Project Boards.

Burndown Chart for GitHub Projects An easy to use burndown chart generator for GitHub Project Boards. Table of Contents Features Installation Assumpti

Joseph Hale 15 Dec 28, 2022