Webpage to display top headlines for both New York Times and Guardian News. Based on the selection by the user, the top-headlines are any of the following domains – world, politics, business, technology and sports. Each such article can be shared by the user on Facebook, Twitter or via Email.
The user can open up any of the article and have the option to share it on either Facebook or Twitter or via Email. For each article, after expanding, the user can even add comments on the articles if they like.
The user can also search for any keyword to read articles about any topic of his/her choice with autosuggestions available for his/her search query.
Webpage also supports adding articles to and removing articles from the Bookmark tab.
Figure 1
A user first opens the webiste, where they can read top headlines provided by the Google News API along with specific headlines from CNN and Fox News. The top headlines are displayed in a sliding format (Figure 1). The top headlines from CNN and Fox News are displayed in a card format. A word cloud for frequently used words is displayed as shown in Figure 1.
Figure 1
Created timeline on Plotly.js using simple bar graphs.
Why manyamPlotlyTimeline exists -
- Plotly which is awesome in itself hasn't yet developed a timeline view but provides great interactivity such as zoom, tootlips, chart download and much more. Refer plotly for more information.
- Creating a new timeline takes effort and is time consuming.
Refer here for usage.
manyamSlickGrid born from SlickGrid TreeView combined with Column Grouping feature with advanced JSON processing, aggregations and automatic parent child relationship creation.
Why manyamSlickGrid exists -
- Ag-grid enterprise (a beautiful plugin in Javascript, Angular, and many more) is not open sourced and I could not find better plugin than SlickGrid with powerful features yet lot of additional work was needed to get the desired output.
- Creating parent child relationship that SlickGrid's TreeView needed is time consuming and complex -
- Assigning parent array element index to child
- Making sure child is always indexed below its parent
- Assigning correct indentation to the rows
- Creating unique ID
Refer here for usage.