Automatic data visualization in atom with the nteract data-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
Moscow DEG 2021 elections plots

Построение графиков на основе публичных данных о ДЭГ в Москве в 2021г. Описание Скрипты в данном репозитории позволяют собственноручно построить графи

9 Jul 15, 2022
Type-safe YAML parser and validator.

StrictYAML StrictYAML is a type-safe YAML parser that parses and validates a restricted subset of the YAML specification. Priorities: Beautiful API Re

Colm O'Connor 1.2k Jan 04, 2023
WhatsApp Chat Analyzer is a WebApp and it can be used by anyone to analyze their chat. 😄

WhatsApp-Chat-Analyzer You can view the working project here. WhatsApp chat Analyzer is a WebApp where anyone either tech or non-tech person can analy

Prem Chandra Singh 26 Nov 02, 2022
Generate "Jupiter" plots for circular genomes

jupiter Generate "Jupiter" plots for circular genomes Description Python scripts to generate plots from ViennaRNA output. Written in "pidgin" python w

Robert Edgar 2 Nov 29, 2021
With Holoviews, your data visualizes itself.

HoloViews Stop plotting your data - annotate your data and let it visualize itself. HoloViews is an open-source Python library designed to make data a

HoloViz 2.3k Jan 02, 2023
Ana's Portfolio

Ana's Portfolio ✌️ Welcome to my Portfolio! You will find here different Projects I have worked on (from scratch) 💪 Projects 💻 1️⃣ Hangman game (Mad

Ana Katherine Cortes Sobrino 9 Mar 15, 2022
Schema validation for Xarray objects

xarray-schema Schema validation for Xarray installation This package is in the early stages of development. Install it from source: pip install git+gi

carbonplan 22 Oct 31, 2022
Generate visualizations of GitHub user and repository statistics using GitHub Actions.

GitHub Stats Visualization Generate visualizations of GitHub user and repository statistics using GitHub Actions. This project is currently a work-in-

Aditya Thakekar 1 Jan 11, 2022
Plot-configurations for scientific publications, purely based on matplotlib

TUEplots Plot-configurations for scientific publications, purely based on matplotlib. Usage Please have a look at the examples in the example/ directo

Nicholas Krämer 487 Jan 08, 2023
Rubrix is a free and open-source tool for exploring and iterating on data for artificial intelligence projects.

Open-source tool for exploring, labeling, and monitoring data for AI projects

Recognai 1.5k Jan 07, 2023
A comprehensive tutorial for plotting focal mechanism

Focal_Mechanisms_Demo A comprehensive tutorial for plotting focal mechanism "beach-balls" using the PyGMT package for Python. (Resulting map of this d

3 Dec 13, 2022
2021 grafana arbitrary file read

2021_grafana_arbitrary_file_read base on pocsuite3 try 40 default plugins of grafana alertlist annolist barchart cloudwatch dashlist elasticsearch gra

ATpiu 5 Nov 09, 2022
Pebble is a stat's visualization tool, this will provide a skeleton to develop a monitoring tool.

Pebble is a stat's visualization tool, this will provide a skeleton to develop a monitoring tool.

Aravind Kumar G 2 Nov 17, 2021
WebApp served by OAK PoE device to visualize various streams, metadata and AI results

DepthAI PoE WebApp | Bootstrap 4 & Vue.js SPA Dashboard Based on dashmin (https:

Luxonis 6 Apr 09, 2022
A streamlit component for bi-directional communication with bokeh plots.

Streamlit Bokeh Events A streamlit component for bi-directional communication with bokeh plots. Its just a workaround till streamlit team releases sup

Ashish Shukla 123 Dec 25, 2022
A central task in drug discovery is searching, screening, and organizing large chemical databases

A central task in drug discovery is searching, screening, and organizing large chemical databases. Here, we implement clustering on molecular similarity. We support multiple methods to provide a inte

NVIDIA Corporation 124 Jan 07, 2023
Python module for drawing and rendering beautiful atoms and molecules using Blender.

Batoms is a Python package for editing and rendering atoms and molecules objects using blender. A Python interface that allows for automating workflows.

Xing Wang 1 Jul 06, 2022
view cool stats related to your discord account.

DiscoStats cool statistics generated using your discord data. How? DiscoStats is not a service that breaks the Discord Terms of Service or Community G

ibrahim hisham 5 Jun 02, 2022
A python visualization of the A* path finding algorithm

A python visualization of the A* path finding algorithm. It allows you to pick your start, end location and make obstacles and then view the process of finding the shortest path. You can also choose

Kimeon 4 Aug 02, 2022
Implement the Perspective open source code in preparation for data visualization

Task Overview | Installation Instructions | Link to Module 2 Introduction Experience Technology at JP Morgan Chase Try out what real work is like in t

Abdulazeez Jimoh 1 Jan 23, 2022