Create a narrative visualization implemented as an interactive web page



Create a narrative visualization implemented as an interactive web page, using your knowledge of visual communication and narrative structure, along with your skills at D3 programming in JavaScript. The narrative visualization should be implemented on a publicly visible website, such as github.io. See [login to view URL]://[login to view URL];!!KZqq5pzTuXXlyJ9BfQ!KIaSDAf5CxzsWu475lHJd_nncHejMzNn67T7kvBGvPGSeEd0SSa_1y9xVwZ6RppUnrt0fA$ for instructions on how to use github to host a website. You will turn in this project by submitting the URL to the narrative visualization for grading, along with an essay describing how the interactive web page contains the elements of a narrative visualization and satisfies the requirements of this assignment.

The narrative visualization should follow one of the three effective narrative visualization structures:

a martini glass, where the message is delivered without allowing user exploration until the end,

an interactive slideshow, where user exploration is allowed at some or all of the steps of the story, or

a drill down story. which presents an overview and allows the user to explore different storylines from there.

You must use the D3 library to construct your pages. You cannot use Tableau Stories, Vega, Vega-Lite, Ellipses or any other high-level tool designed for data visualization to implement your narrative visualization.

The narrative visualization should be built with scenes, annotations, parameters, and triggers.

The scenes should follow a template for visual consistency and follow an order to best convey the message. One way to implement different scenes is to make each a separate web page. Another way is to use [login to view URL](id).html = "" to clear the contents of a container element (e.g. an SVG element) and then repopulate that element using .append().


An essay will be required and will be submitted along with the URL of the narrative visualization. This essay is an important piece of the assignment as it is used for you to communicate your understanding of the concepts of narrative visualization and how they apply to the one you created.

The essay should contain the following sections.

Messaging. What is the message you are trying to communicate with the narrative visualization?

Narrative Structure. Which structure was your narrative visualization designed to follow (martini glass, interactive slide show or drop-down story)? How does your narrative visualization follow that structure? (All of these structures can include the opportunity to "drill-down" and explore. The difference is where that opportunity happens in the structure.)

Visual Structure. What visual structure is used for each scene? How does it ensure the viewer can understand the data and navigate the scene? How does it highlight to urge the viewer to focus on the important parts of the data in each scene? How does it help the viewer transition to other scenes, to understand how the data connects to the data in other scenes?

Scenes. What are the scenes of your narrative visualization? How are the scenes ordered, and why

Annotations. What template was followed for the annotations, and why that template? How are the annotations used to support the messaging? Do the annotations change within a single scene, and if so, how and why

Parameters. What are the parameters of the narrative visualization? What are the states of the narrative visualization? How are the parameters used to define the state and each scene?

Triggers. What are the triggers that connect user actions to changes of state in the narrative visualization? What affordances are provided to the user to communicate to them what options are available to them in the narrative visualization?

Kemahiran: JavaScript, HTML, HTML5, CSS, jQuery / Prototaip

Lihat lagi: create web page footer, create web page match forum style, create php web page, create web poll displays answers web page, create web page header, create editable web page tracking enquiries, create cross browser works firefox web page, create english marathi translater html web page, create left side dropdown menu web page, spreadsheet interactive web page, using html and javascript you have create a web page that allows users to choose the design of a sofa see figure 1, excel 2013 interactive web page, convert excel 2010 to interactive web page, excel 2010 interactive web page, excel 2016 interactive web page, excel interactive web page, create an interactive web page for a bank using asp dot net

Tentang Majikan:
( 0 ulasan ) Washington, United States

ID Projek: #30988480

13 pekerja bebas membida secara purata $183 untuk pekerjaan ini


Hi, I hope you are doing great..! I am highly interested in your job & would love to discuss your job details so we can understand everything better to deliver you the desired work. Please come over chat for further Lagi

$250 USD dalam 7 hari
(124 Ulasan)

"WEB EXPERT" Warm greeting!! As you are looking for WEB DEVELOPER to " Create a narrative visualization implemented as an interactive web page", I am a highly skilled WEBSITE developer with more than 5 years of qua Lagi

$300 USD dalam 4 hari
(18 Ulasan)

Hi there, I have read your project description and i'm confident i can do this project for you perfectly.I still have a few questions. please leave a message on my chat so we can discuss the budget and deadline of the Lagi

$250 USD dalam 5 hari
(5 Ulasan)

Hi there, I'm bidding on your project "Create a narrative visualization implemented as an interactive web page" we are a team of titanium certified developers. we excel inAutoCAD and solidworks enviroment along with u Lagi

$250 USD dalam 4 hari
(4 Ulasan)

I have read your project description. I am immediately available to assist you with your project. I am good at : 1. WordPress, Shopify, Magento, Opencart, Joomla web development 2. PSD to HTML 3. Responsive web develo Lagi

$140 USD dalam sehari
(16 Ulasan)

Hi! I would apprise you that I have extensive expertise in front-end development for dynamic web projects using java script, React.js, vue.js... I am a honest, excellent Web Developer specializing in FullStack Web Lagi

$140 USD dalam 7 hari
(10 Ulasan)

Dear, client. Can you share the detail with me? I've just finished reading your job post and been convinced that I 'm right for the position. I have got 5+ years of experience in developing with Javascript. I love Jav Lagi

$140 USD dalam 2 hari
(7 Ulasan)

Hello. Have already rich experience with HTML, JavaScript and PHP. Also proficient in SASS/SCSS and have a good UI design skill. I think I have all the skills you want. I'm free now and I'm willing to work with the pro Lagi

$100 USD dalam 2 hari
(8 Ulasan)

Hi! I am ready to work with you, I have read your requirements and I am confident that I can deliver you the Create a narrative visualization implemented as an interactive web page. I am professional engineer with skil Lagi

$200 USD dalam 5 hari
(5 Ulasan)

Hello , Hope you are doing fine there !! I'll be happy to assist you with your project Create a narrative visualization implemented as an interactive web page. I would like to discuss with you in more details so tha Lagi

$100 USD dalam 2 hari
(5 Ulasan)

Dear. Thanks for your job posting. I am glad to place a bid on here as I am familiar with data visualization and can help your project right now. I hope we will discuss in more detail about your project. Kind regards.

$250 USD dalam 7 hari
(3 Ulasan)

★★★ Best quality & On time & Kindness★★★ I have read your job description carefully and I'm very interested about your job. So I have 4+ years of experience with html, css, bootstrap and javascript. I have creativity, Lagi

$120 USD dalam 2 hari
(1 Ulasan)

Hi, I understand your project requirements completely and feel confident to deliver the job perfectly. Kindly share some more details so I can start this job right away. I am expert programmer with expertise in PHP, W Lagi

$140 USD dalam 7 hari
(1 Ulasan)