Nithish John Paull

@N1ghtW1ng·4 public vizzes

Untitled

This visualization compares Netflix subscriber growth across global regions with box office revenue and audience sentiment data to explore whether streaming services are displacing movie theaters. It combines a grouped bar chart showing regional subscriber counts from Q1 2018 to Q2 2020, a line chart of box office metrics, and a sentiment analysis timeline, all rendered as SVG with animation using D3.v4 within a React framework. Interactive tooltips provide hover details on bar values, and a dropdown menu allows toggling between different Netflix growth metrics.

Jan 28, 2022

Loading thumbnail…

Fork of Customizing Axes

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. The visualization demonstrates customized D3 axes, with horizontal gridlines and formatted tick labels that abbreviate large numbers (e.g., converting billions to "B"). Built with D3 v5, the code uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG elements, loading data from a CSV file. The chart also includes a title and axis label with custom styling.

Jan 12, 2022

Loading thumbnail…

Fork of Stylized Line Chart

This visualization displays Netflix user counts over time using a smooth, stylized line chart. The React-based example loads CSV data from a GitHub-hosted dataset and renders an SVG with D3 v3 scales and axes. The line path uses `d3.line()` with `curveNatural` interpolation to create flowing curves, while axes are custom React components that generate tick marks and labels. The chart applies a Poppins font and teal color scheme, with axis labels for "Quarters" and "Users (Million)".

Jan 12, 2022

Loading thumbnail…

Fork of Stylized Line Chart2

This line chart visualizes temperature readings over one week from the Sense Your City dataset, using a smooth, natural curve through the data points. The chart is built with React and D3 scales and axes, while the line path is generated using the d3.line function with curveNatural. Both the x-axis (time) and y-axis (temperature) are labeled, and the styling uses Poppins font with a teal color scheme. The visualization is rendered as an SVG, with data loaded asynchronously via d3.csv.

Jan 12, 2022