Issues Ratings

100%

Issues Ratings

✓ Published0🌍 Public

Last edited Mar 9, 2017

Created on Mar 9, 2017

This interactive line chart visualizes Facebook page performance metrics across different post hours, with each colored line representing a specific engagement metric such as total likes, impressions, or reach. The visualization features a dual-axis layout with a main chart and a brushing context panel, allowing users to zoom into specific time ranges. Built with D3.js v3, the code uses d3.scale.linear for axes, d3.svg.line for series rendering, and d3.svg.axis for tick marks. The dataset is loaded from a CSV file containing hourly post statistics, with animated transitions and a tooltip on mouse hover.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/wenzhaoduo/'>wenzhaoduo</a>'s block: <a href='http://bl.ocks.org/wenzhaoduo/e53c401a039f9bb105873f6c3387df6a'>Multiple series</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Viz T13

This example presents social media post performance, plotting comments against dates while encoding network and likes through color and size. A second chart shows average likes over time, colored by sentiment, using the Vega-Lite API with the d3.csv loader to fetch the PostPerformance dataset. The visualization applies custom axis and label styling from a config object, with line marks for trends and point marks for individual posts, rendered as SVG.

SSebastian Rojas

71% match

Loading thumbnail…

Viz T13

This example visualizes social media post performance with an interactive scatterplot of likes versus date, colored and sized by engagements. A linked brush below the chart filters the main view by date range. It is built with Vega-Lite API and D3 v5, loading CSV data from a GitHub gist. The visualization uses interval selection, tooltips, and configurable axis styling for readability.

SSebans31

71% match

Loading thumbnail…

Line Chart

This line chart displays the annual number of Facebook users from 2008 to 2017. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render an SVG with labeled axes and a red, bold stroke. The data is loaded via `d3.csv` from a GitHub gist, with year values parsed into Date objects and user counts converted to numbers. The chart includes a title, axis labels, and grid lines styled via CSS.

RRupeshGandham

71% match

Loading thumbnail…

Line Chart for Facebook Users

This line chart shows the annual number of Facebook users from 2008 to 2017. The visualization uses D3 v5 to load CSV data from a GitHub gist. The code employs `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis, with `d3.axisBottom` and `d3.axisLeft` for tick marks. A `d3.line` generator creates the path, which is rendered as an SVG element with a custom stroke style.

PPavaniMangugari

70% match

Loading thumbnail…

Issues Ratings

This visualization displays ratings trends for over 100 countries across time, with each country represented as a colored line. Users can examine the data through a focus+context interface, where a main chart shows the detailed view and a smaller brushable timeline allows zooming and panning. The visualization uses d3.svg.line with basis interpolation to create smooth curves, and d3.svg.axis for both the main and context x-axes. A d3.svg.brush enables the range selection in the bottom context area. The data originates from a TSV file, rendered as SVG with animation support.

PPakcheera Choppradit

70% match

Loading thumbnail…

Line_chart_facebook_users

This line chart displays Facebook's annual user count from 2008 to 2017. The visualization, rendered as an SVG, plots the number of users against each year. The code uses D3 v5 functions such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the chart with labeled axes and a styled path. Data is loaded from a CSV file hosted on GitHub Gist via `csv()`, with the year parsed as a date and user numbers converted to numeric values.

MMeghanaArepalli

70% match

Loading thumbnail…

Line_chart_facebook_users

A line chart displays Facebook's annual user counts from 2008 to 2017, with years on the x-axis and user numbers on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the date axis, `scaleLinear` for the value axis, and a `line` generator to create the path. Data loads from a CSV hosted on GitHub Gist using the `csv` function, and the chart includes labeled axes, grid lines, and a title.

Eeravellisaimeghana

70% match

Loading thumbnail…

Issues Ratings

The visualization shows how issue ratings change over time across many countries, with each country represented by a distinct colored line. The main chart plots yearly ratings, while a smaller brushable context view below enables zooming into specific time ranges. Data is loaded from a CSV file and processed using D3 v3. The implementation uses `d3.time.scale` for the time axes, `d3.svg.line` for the series, and an ordinal color scale with custom colors. A brush filter updates the main display based on the selected range.

PPakcheera Choppradit

70% match