This project is focused on creating an interactive and immersive experience around how Facebook tracks users.
Alternatives To Explore_fb_data
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Recharts19,9723,5027842 days ago194September 06, 2022480mitTypeScript
Redefined chart library built with React and D3
Visx16,889202653 days ago47September 09, 2020126mitTypeScript
🐯 visx | visualization components
Plotly.js15,519718197a day ago213August 10, 20221,413mitJavaScript
Open-source JavaScript charting library behind Plotly and Dash
Nivo11,17615114613 days ago64September 08, 2022108mitTypeScript
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Victory10,1566861992 months ago233September 14, 2022239otherJavaScript
A collection of composable React components for building interactive data visualizations
C39,2571,1341752 months ago67August 08, 2020780mitJavaScript
:bar_chart: A D3-based reusable chart library
Rawgraphs App8,301
2 months ago78apache-2.0JavaScript
A web interface to create custom vector-based visualizations on top of RAWGraphs core
Textures5,9144515a year ago12April 17, 202117mitJavaScript
Textures.js is a JavaScript library for creating SVG patterns
Historical Ranking Data Visualization Based On D3.js4,472
2 years ago34gpl-3.0JavaScript
Ngx Charts4,1871,1033452 months ago75February 28, 2022769mitTypeScript
:bar_chart: Declarative Charting Framework for Angular
Alternatives To Explore_fb_data
Select To Compare

Alternative Project Comparisons

Facebook Data in Time and Space project for Ethi

Simple visualization of User Facebook Data using D3.js:

  • Rotating globe and heatmap displaying user's "your places" and daily facebook activity

Data displayed :

- User's : Facebook "places"

- Daily interactions on Facebook ( eg: posts, comments, messages )

Visualisation Code and Data Preprocessing code in their respective folder.

Video : https://youtu.be/pCmPKeypuYg

Installation and Dependencies



  <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"> </script>
  <script src="https://d3js.org/topojson.v3.min.js"></script>     
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
  <script src="jquery.CalendarHeatmap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="jquery.CalendarHeatmap.min.css">


Html will display the visualiation.

For customisation of user data and custom display :

  • Download user Facebook data from Facebook Profile. Optionally, you can use the sample dataset provided at explore_fb_data/supporting_files/facebook-sampledataset.zip
  • Run Jupiter Notebook file to clean and format folder for use. This will generate updated json files.
  • Replace "your_place.json" with your own in the visualisation folder ( if renamed, make sure to correct the path in the code )
  • To display other data on the globe such as "used_ip_addresses.json"/"where_you've_logged_in.json" , uncomment corresponding functions and replace file with your own. You will need to comment out the working "your_places" function.

-Dropdown lists for data files and heatmap years available for optional usage:

  • uncomment, create a div containing the and place in body


Popular Data Visualization Projects
Popular D3 Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Data Visualization