Resource

Datahub Cloud

Publish datasets and data stories using markdown with a few clicks.

⛶  Fullscreen ↓  Download 📂 Demo
Edit

As a special support of Hack4SocialGood 2024, a member of the Datopian team will be available to contact for assistance with this brand new product, which we hope will help your hackathon project shine!

How it works

Using DataHub you can easily mix rich text content with data and data visualizations. No need to code or embed your charts and tables: they can be added to the document with a very simple syntax, either by passing inline data or simply referencing your data files. What you end up with is a plain text, human-readable document enriched with data visualizations, that is simple to edit and looks awesome when published with DataHub.

Publish your hackathon dataset or data-driven story with Datahub Cloud

Sharing anything from hackathon explorations to the results of a scientific study with open standards can really pay off in terms of longevity, reach, and remixing. At Hack4SocialGood, we can introduce you to the latest tools for publishing open data, and give you feedback on improving the quality and reliability of your entire data lifecycle.

Join the Hackathon and get access

Visit datahub.io to join the Waiting List - or come to Hack4SocialGood and get access and live support from the Datopian team!

How to create data-rich stories with a few clicks:

1) Choose your Repo

Create or update some markdown files and push them to GitHub. You can create a new GitHub repository or use an existing one. Here is an example bit of Markdown that shows how to add some basic metadata to your story:

---
title: My Data-Rich Blog Post
authors: [Jane Doe]
date: "2023-11-30"
---

## Welcome to My First Data-Rich Blog Post

This is my first blog post. I'm so excited to try publishing it with DataHub!

2) Add visuals

Enhance your content with some data visualizations. Easily add line charts, tables, maps, and more directly into your content. For instance, you can add a simple linechart like this:

<LineChart
  data={[
    ["1850", -0.41765878],
    ["1851", -0.2333498],
    ["1852", -0.22939907],
    ["1853", -0.27035445],
    ["1854", -0.29163003],
  ]}
/>

3) Publish & share

Push to GitHub, then use DataHub Cloud to bring your site to life instantly. Congrats, your repository is now a beautiful site that keeps your audience captivated!

datahub

Bugs, issues and suggestions re DataHub Cloud ☁️ and DataHub OpenSource πŸŒ€

DataHub

This repo and issue tracker are for

Issues

Found a bug: πŸ‘‰ https://github.com/datopian/datahub/issues/new

Discussions

Got a suggestion, a question, want some support or just want to shoot the breeze πŸ™‚

Head to the discussion forum: πŸ‘‰ https://github.com/datopian/datahub/discussions

Chat on Discord

If you would prefer to get help via live chat check out our discord πŸ‘‰

Discord

Docs

https://datahub.io/docs

DataHub OpenSource πŸŒ€

DataHub πŸŒ€ is a platform for rapidly creating rich data portal and publishing systems using a modern frontend approach. Datahub can be used to publish a single dataset or build a full-scale data catalog/portal.

DataHub is built in JavaScript and React on top of the popular Next.js framework. DataHub assumes a "decoupled" approach where the frontend is a separate service from the backend and interacts with backend(s) via an API. It can be used with any backend and has out of the box support for CKAN, GitHub, Frictionless Data Packages and more.

Features

  • πŸ—ΊοΈ Unified sites: present data and content in one seamless site, pulling datasets from a DMS (e.g. CKAN) and content from a CMS (e.g. Wordpress) with a common internal API.
  • πŸ‘©β€πŸ’» Developer friendly: built with familiar frontend tech (JavaScript, React, Next.js).
  • πŸ”‹ Batteries included: full set of portal components out of the box e.g. catalog search, dataset showcase, blog, etc.
  • 🎨 Easy to theme and customize: installable themes, use standard CSS and React+CSS tooling. Add new routes quickly.
  • 🧱 Extensible: quickly extend and develop/import your own React components
  • πŸ“ Well documented: full set of documentation plus the documentation of Next.js.

For developers

  • πŸ— Build with modern, familiar frontend tech such as JavaScript and React.
  • πŸš€ Next.js framework: so everything in Next.js for free: Server Side Rendering, Static Site Generation, huge number of examples and integrations, etc.
    • Server Side Rendering (SSR) => Unlimited number of pages, SEO and more whilst still using React.
    • Static Site Generation (SSG) => Ultra-simple deployment, great performance, great lighthouse scores and more (good for small sites)
 

Creative Commons LicenceThe contents of this website, unless otherwise stated, are licensed under a Creative Commons Attribution 4.0 International License.