Skip to content

Postman-Student-Program/visualizer-project-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 

Repository files navigation

Postman Visualizer Project Kit

Data is as powerful as it is understandable. This kit will help you build a hosted project that makes sense of data from APIs. Postman’s visualizer feature can help you prototype your visualization if you plan to use JavaScript in your project.

Create a free Postman account here and sign up as a Postman Student Expert if you haven't already!

1. Decide what you want to show

What story are you trying to tell, or what tool are you trying to build?

Once you can answer that, there are several ways to find APIs that give you relevant data.

2. Find data via an API

You'll need data! There are any ways to discover APIs that give you the data you need. Here are a few:

Postman API Network

This is a great place to start since APIs on Postman's API Network have collections ready for you to fork and immediately play with!

Search for APIs directly in Postman using the Search bar at the top, or by clicking the "Explore" tab and searching APIs by category.

image

Note that anyone can publish APIs and collections to Postman's network, so check the author and lean on entities that match the source organization. If you don't see a workspace by the source organization itself, authors such as "Postman" and "Postman DevRel" tend to publish quality content.

Look for government APIs

World governments often make their datasets available via APIs. Try searching for something like "US population data APIs", "India historical climate data APIs" and see what you find.

For example, the US government has a selection of Census related APIs, and New York City has the NYC Open Data resource which houses many interesting APIs related to city data.

Search online

Use a search engine or AI search to find APIs for other data/services you are interested in. For example, searching "Spotify API" will take you to their API docs that tell you how to get started.

Ask ChatGPT

Ask ChatGPT to list APIs relevant to the data you are trying to find.

ex: "List 10 weather data APIs, with links to their documentation"

Host your own data!

Have data you want to share with the world? You've got options!

  • Use Postman mock servers to "fake" an API to publicly serve your data over the web. Good for limited usage. This quick video will help you set it up!
  • Host a JSON file for free on websites like GitHub and access it via a GET request to the hosted raw file URL. Check out these public JSON datasets for inspiration!
  • Build and host your own custom API (more advanced)

3. Explore the API in Postman

Either fork an existing collection for an API or make a new collection in a workspace to start making calls to the API in inspecting the response.

Once you understand the shape of the response, you'll be ready to start incorporating the data from the API in your app with code!

4. Visualize your data with code

Fork a starter template of your choice and follow the instructions in the comments and README.md to display a production version of your visualization

*requires a Google account

Useful visualization libraries

JavaScript (vanilla)

React

Python

[Optional] Prototype your visualization in Postman!

If you plan to use JavaScript to visualize your data, you can protoype your visualization right in Postman using the visualizer feature!

Check out this Postman workspace for a bunch of Postman visualization examples, including charts, maps and more!

About

Resources for building API data visualizations with Postman

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published