Using the same object how to SHOW 2 different results using django template ?

In one page there are two div's, it should show different information using the same object.

INPUT

object data has follows

[{"Google": [{"Rating": 1,"Website": {"id": "1","Name": "googleplus"}},{"Rating": 2,"Website": {"id": "1","Name": "googleplus"}},{"Rating": 1,"Website": {"id": "2","Name": "googlemap"}}]},{"Facebook": [{"Rating": 1,"Website": {"id": "1","Name": "facebookplus"}},{"Rating": 2,"Website": {"id": "1","Name": "facebookplus"}},{"Rating": 1,"Website": {"id": "2","Name": "facebookmap"}}]}
]

DESIRED OUTPUT

DIV 1 (website names should be unique values)

DIV 2 (should display all website names)

main div start

loop 1

Google  ------  DIV 1 (googleplus, googlemap) ------ DIV 2 (googleplus, googleplus, googlemap) 

loop 2

Facebook  ------  DIV 1 (facebookplus, facebookmap) ------ DIV 2 (facebookplus, facebookplus, facebookmap) 

main div end

Template is used only to display given data. If you want to manipulate data, you have to do this in view. It'll be a lot easier, as you can use normal python syntax.

You can use something like:

all_data = <object_name>.objects.all()
unique_data = list(set(all_data))

UPDATE

If you want to do this on frontend, I would recommend using Lodash library.

But you can of course do it in plain JavaScript:

var all_data = ...;
var unique_data = [];
for (i = 0; i < all_data.length; i++) {if (unique_data.indexOf(all_data[i]) < 0) unique_data.push(all_data[i]);
}