cheshire137

Using the <a href="http://www.last.fm/api" rel="nofollow ugc">Last.fm API</a>, this is a WordPress plugin 
that provides a shortcode that will display charts 
of your Last.fm music-listening data. This plugin uses the <a href="https://wordpress.org/plugins/easy-chart-builder/" rel="ugc">Easy Chart Builder plugin</a> by <a href="https://profiles.wordpress.org/dyerware/" rel="nofollow ugc">dyerware</a> to create charts, so 
you will need to install and activate that plugin first.
<a href="https://github.com/moneypenny/wp-lastfm-charts/archive/master.zip" rel="nofollow ugc">Download the latest version of the plugin</a> or <a href="https://github.com/moneypenny/wp-lastfm-charts" rel="nofollow ugc">view the source code</a>.
<h3>Usage</h3>
In a post or page, use the <code>[wp_lastfm_charts_top_artists]</code> or <code>[wp_lastfm_charts_top_tracks]</code> shortcode. Specify the <code>user_name</code> parameter, using your Last.fm user name. Specify a time range with the <code>period</code> parameter, e.g., <code>12month</code>. Specify a chart type with <code>chart_type</code>, e.g., <code>horizbar</code> or <code>pie</code>.
Some examples:
<pre><code>[wp_lastfm_charts_top_artists user_name="cheshire137" period="12month" chart_type="horizbar"]

[wp_lastfm_charts_top_artists user_name="cheshire137" period="12month" chart_type="pie"]

[wp_lastfm_charts_top_tracks user_name="cheshire137" period="12month" chart_type="horizbar"]

[wp_lastfm_charts_top_tracks user_name="cheshire137" period="12month" chart_type="pie"]
</code></pre>
Other parameters include <code>chart_color</code>, <code>chart_fade_color</code>, <code>width</code>, <code>height</code>, 
 colors, <code>limit</code>, <code>title</code>, <code>data_table_css</code>, and <code>image_alt</code>.
<pre><code>chart_color and `chart_fade_color` refer to the background color of the chart
</code></pre>
and should be hex color codes without the #. They default to <code>FFFFFF</code> (white).
<pre><code>limit refers to the number of artists or tracks to display in the chart. It
</code></pre>
defaults to 12.
<pre><code>colors should be a comma-separated list of hex color codes without the #.

period should be one of `overall`, `7day`, `1month`, `3month`, `6month`, or
12month.
</code></pre>

WordPress Last.fm Charts

Shortcodes to display charts of Last.fm data for a particular user.

everviz

everviz is a data visualization tool that helps you create interactive charts, maps and more – without any coding involved. 
  
Users include newsrooms, communication teams, governments, students and researchers across the globe. 
  
Adding an interactive visualization in your WordPress with everviz is easier than adding an image. Ties perfectly into your existing publishing flow. 
  
All visualizations are fully responsive, which means they automatically adapt and are optimized to all devices and screens of any size. everviz comes with a simple and powerful theme concept, which allows you to incorporate your corporate brand elements such as color palette, fonts, positioning and logos into your projects. 
  
All projects created with everviz include state of the art accessibility (A11Y) functionality in the most relevant disability categories. 
  
This plugin requires an everviz account. Sign up for free <a href="https://www.everviz.com" rel="nofollow ugc">here</a> first, if you don’t have one! 
  
HIGHLIGHTS 
– Engage readers with interactive content 
– No coding or design skills required 
– Works on any device 
– All your visualizations will be consistent with your brand identity 
– Collaborate with your team 
– Reach out to bigger audience with state of the art accessibility (A11Y) functionality 
– Keep your published work up to date with connecting to live data sources 
– Download your visualizations for the print edition or static reports 
– Ties perfectly into most popular WordPress editors 
  
HOW TO USE EVERVIZ (PREREQUISITE) 
This plugin requires an everviz account and a visualization published in the app. This means that you have to sign up <a href="https://www.everviz.com" rel="nofollow ugc">here</a> first and create your first visualization, if you don’t already have an account with published charts or maps. 
  
Here’s how to use everviz to create visualizations from your data: 
  
1. Paste 
Enter data directly, drop a CSV file into the editor, copy & paste from Excel, or connect to live data via the Google Sheet inte­gration. 
  
2. Pick 
Our intuitive editor lets you choose chart type, edit text, fonts and colors to make your data stand out. 
  
3. Publish 
Embed your interactive visualizations on your WordPress website, blog or intranet, or export them as images. 
  
Learn more about how to use everviz in our help section: <a href="https://www.everviz.com/help" rel="nofollow ugc">https://www.everviz.com/help</a> 
  
HOW TO USE THE PLUGIN 
Inserting a visualization 
If you can’t see the visualization you are looking for, search for it in the search bar at the top of the plugin window or navigate through the pagination at the bottom of the window. When you have identified the visualization you want, click it, and then click the “Insert” button. 
  
Create a new visualization 
To create a new visualization, click the “Create new” button at the top of the window. You will be redirected to the everviz app to create the visualization. Go to <a href="https://www.everviz.com/help" rel="nofollow ugc">https://www.everviz.com/help</a> to learn more about how to create visualizations in everviz. 
  
Editing a visualization 
To edit a visualization, click “Edit in everviz” below the inserted visualization. You will be redirected to the everviz app. 
  
Deleting a visualization 
To delete a visualization from your document, click the trash can symbol in the upper right corner of it.

everviz – Charts, Maps and Tables – Interactive and responsive

Using this plugin saves you the hassle of logging in to Everviz and copying over the embed code to the custom HTML block in wordpress. When connecting this plugin to the Everviz API you can find all your graphs within the provided gutenberg block. This also has the added benefit that your graphs are previewed within the editor.

A good way to add your Everviz graphs to wordpress

Sharing your data through interactive, responsive and accessible charts, maps and tables is now simpler than ever. No coding skills required.

WordPress Last.fm Charts vs everviz – Charts, Maps and Tables – Interactive and responsive